#00CE9B - #003A2B | 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 #00CE9B to #003A2B

#00CE9B #003A2B

Calculate the color between two colors, #00CE9B and #003A2B. 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)

#00CE9B - #003A2B | 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 #00CE9B as 0% and #003A2B as 100%.

0.0%	0.0% #00CE9B	RGB 0 206 155	#00CE9B
16.7%	16.7% #00B588	RGB 0 181 136	#00B588
33.3%	33.3% #009C75	RGB 0 156 117	#009C75
50.0%	50.0% #008463	RGB 0 132 99	#008463
66.7%	66.7% #006B50	RGB 0 107 80	#006B50
83.3%	83.3% #00523D	RGB 0 82 61	#00523D
100.0%	100.0% #003A2B	RGB 0 58 43	#003A2B

#00CE9B #00B588 #009C75 #008463 #006B50 #00523D #003A2B

#00CE9B - #003A2B

HSV Blend

#00CE9B - #003A2B | 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 #00CE9B as 0% and #003A2B as 100%.

0.0%	0.0% #00CE9A	RGB 0 206 154	#00CE9A
16.7%	16.7% #00B588	RGB 0 181 136	#00B588
33.3%	33.3% #009C75	RGB 0 156 117	#009C75
50.0%	50.0% #008462	RGB 0 132 98	#008462
66.7%	66.7% #006B4F	RGB 0 107 79	#006B4F
83.3%	83.3% #00523D	RGB 0 82 61	#00523D
100.0%	100.0% #003A2B	RGB 0 58 43	#003A2B

#00CE9A #00B588 #009C75 #008462 #006B4F #00523D #003A2B

#00CE9B - #008462 - #003A2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CE9A 0%, #008462 50%, #003A2B 100%);
    background: -webkit-linear-gradient(top, #00CE9A 0%, #008462 50%, #003A2B 100%);
    background: linear-gradient(to bottom, #00CE9A 0%, #008462 50%, #003A2B 100%);
}
</style>