#2D5E4A - #063121 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #2D5E4A to #063121

#2D5E4A #063121

Calculate the color between two colors, #2D5E4A and #063121. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#2D5E4A - #063121 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #2D5E4A as 0% and #063121 as 100%.

0.0%	0.0% #2D5E4A	RGB 45 94 74	#2D5E4A
16.7%	16.7% #265643	RGB 38 86 67	#265643
33.3%	33.3% #204F3C	RGB 32 79 60	#204F3C
50.0%	50.0% #194735	RGB 25 71 53	#194735
66.7%	66.7% #13402E	RGB 19 64 46	#13402E
83.3%	83.3% #0C3827	RGB 12 56 39	#0C3827
100.0%	100.0% #063121	RGB 6 49 33	#063121

#2D5E4A #265643 #204F3C #194735 #13402E #0C3827 #063121

#2D5E4A - #063121

HSV Blend

#2D5E4A - #063121 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #2D5E4A as 0% and #063121 as 100%.

0.0%	0.0% #2D5E4A	RGB 45 94 74	#2D5E4A
16.7%	16.7% #245642	RGB 36 86 66	#245642
33.3%	33.3% #1C4F3A	RGB 28 79 58	#1C4F3A
50.0%	50.0% #154733	RGB 21 71 51	#154733
66.7%	66.7% #0F402D	RGB 15 64 45	#0F402D
83.3%	83.3% #0A3827	RGB 10 56 39	#0A3827
100.0%	100.0% #063121	RGB 6 49 33	#063121

#2D5E4A #245642 #1C4F3A #154733 #0F402D #0A3827 #063121

#2D5E4A - #154733 - #063121

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E4A 0%, #063121 100%);
    background: -webkit-linear-gradient(top, #2D5E4A 0%, #063121 100%);
    background: linear-gradient(to bottom, #2D5E4A 0%, #063121 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E4A 0%, #154733 50%, #063121 100%);
    background: -webkit-linear-gradient(top, #2D5E4A 0%, #154733 50%, #063121 100%);
    background: linear-gradient(to bottom, #2D5E4A 0%, #154733 50%, #063121 100%);
}
</style>