#00CB8C - #009458 | 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 #00CB8C to #009458

#00CB8C #009458

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

#00CB8C - #009458 | 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 #00CB8C as 0% and #009458 as 100%.

0.0%	0.0% #00CB8C	RGB 0 203 140	#00CB8C
16.7%	16.7% #00C183	RGB 0 193 131	#00C183
33.3%	33.3% #00B87A	RGB 0 184 122	#00B87A
50.0%	50.0% #00AF72	RGB 0 175 114	#00AF72
66.7%	66.7% #00A669	RGB 0 166 105	#00A669
83.3%	83.3% #009D60	RGB 0 157 96	#009D60
100.0%	100.0% #009458	RGB 0 148 88	#009458

#00CB8C #00C183 #00B87A #00AF72 #00A669 #009D60 #009458

#00CB8C - #009458

HSV Blend

#00CB8C - #009458 | 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 #00CB8C as 0% and #009458 as 100%.

0.0%	0.0% #00CB8C	RGB 0 203 140	#00CB8C
16.7%	16.7% #00C182	RGB 0 193 130	#00C182
33.3%	33.3% #00B879	RGB 0 184 121	#00B879
50.0%	50.0% #00AF70	RGB 0 175 112	#00AF70
66.7%	66.7% #00A668	RGB 0 166 104	#00A668
83.3%	83.3% #009D5F	RGB 0 157 95	#009D5F
100.0%	100.0% #009458	RGB 0 148 88	#009458

#00CB8C #00C182 #00B879 #00AF70 #00A668 #009D5F #009458

#00CB8C - #00AF70 - #009458

CSS codes

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

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