#00CD9C - #009A67 | 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 #00CD9C to #009A67

#00CD9C #009A67

Calculate the color between two colors, #00CD9C and #009A67. 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)

#00CD9C - #009A67 | 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 #00CD9C as 0% and #009A67 as 100%.

0.0%	0.0% #00CD9C	RGB 0 205 156	#00CD9C
16.7%	16.7% #00C493	RGB 0 196 147	#00C493
33.3%	33.3% #00BC8A	RGB 0 188 138	#00BC8A
50.0%	50.0% #00B381	RGB 0 179 129	#00B381
66.7%	66.7% #00AB78	RGB 0 171 120	#00AB78
83.3%	83.3% #00A26F	RGB 0 162 111	#00A26F
100.0%	100.0% #009A67	RGB 0 154 103	#009A67

#00CD9C #00C493 #00BC8A #00B381 #00AB78 #00A26F #009A67

#00CD9C - #009A67

HSV Blend

#00CD9C - #009A67 | 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 #00CD9C as 0% and #009A67 as 100%.

0.0%	0.0% #00CD9C	RGB 0 205 156	#00CD9C
16.7%	16.7% #00C492	RGB 0 196 146	#00C492
33.3%	33.3% #00BC89	RGB 0 188 137	#00BC89
50.0%	50.0% #00B380	RGB 0 179 128	#00B380
66.7%	66.7% #00AB77	RGB 0 171 119	#00AB77
83.3%	83.3% #00A26F	RGB 0 162 111	#00A26F
100.0%	100.0% #009A67	RGB 0 154 103	#009A67

#00CD9C #00C492 #00BC89 #00B380 #00AB77 #00A26F #009A67

#00CD9C - #00B380 - #009A67

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CD9C 0%, #00B380 50%, #009A67 100%);
    background: -webkit-linear-gradient(top, #00CD9C 0%, #00B380 50%, #009A67 100%);
    background: linear-gradient(to bottom, #00CD9C 0%, #00B380 50%, #009A67 100%);
}
</style>