#00D06C - #009142 | 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 #00D06C to #009142

#00D06C #009142

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

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

0.0%	0.0% #00D06C	RGB 0 208 108	#00D06C
16.7%	16.7% #00C565	RGB 0 197 101	#00C565
33.3%	33.3% #00BB5E	RGB 0 187 94	#00BB5E
50.0%	50.0% #00B057	RGB 0 176 87	#00B057
66.7%	66.7% #00A650	RGB 0 166 80	#00A650
83.3%	83.3% #009B49	RGB 0 155 73	#009B49
100.0%	100.0% #009142	RGB 0 145 66	#009142

#00D06C #00C565 #00BB5E #00B057 #00A650 #009B49 #009142

#00D06C - #009142

HSV Blend

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

0.0%	0.0% #00D06C	RGB 0 208 108	#00D06C
16.7%	16.7% #00C564	RGB 0 197 100	#00C564
33.3%	33.3% #00BB5D	RGB 0 187 93	#00BB5D
50.0%	50.0% #00B055	RGB 0 176 85	#00B055
66.7%	66.7% #00A64F	RGB 0 166 79	#00A64F
83.3%	83.3% #009B48	RGB 0 155 72	#009B48
100.0%	100.0% #009142	RGB 0 145 66	#009142

#00D06C #00C564 #00BB5D #00B055 #00A64F #009B48 #009142

#00D06C - #00B055 - #009142

CSS codes

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

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