#2AC8C8 - #009B96 | 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 #2AC8C8 to #009B96

#2AC8C8 #009B96

Calculate the color between two colors, #2AC8C8 and #009B96. 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)

#2AC8C8 - #009B96 | 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 #2AC8C8 as 0% and #009B96 as 100%.

0.0%	0.0% #2AC8C8	RGB 42 200 200	#2AC8C8
16.7%	16.7% #23C0BF	RGB 35 192 191	#23C0BF
33.3%	33.3% #1CB9B7	RGB 28 185 183	#1CB9B7
50.0%	50.0% #15B1AF	RGB 21 177 175	#15B1AF
66.7%	66.7% #0DAAA6	RGB 13 170 166	#0DAAA6
83.3%	83.3% #07A29E	RGB 7 162 158	#07A29E
100.0%	100.0% #009B96	RGB 0 155 150	#009B96

#2AC8C8 #23C0BF #1CB9B7 #15B1AF #0DAAA6 #07A29E #009B96

#2AC8C8 - #009B96

HSV Blend

#2AC8C8 - #009B96 | 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 #2AC8C8 as 0% and #009B96 as 100%.

0.0%	0.0% #2AC8C8	RGB 42 200 200	#2AC8C8
16.7%	16.7% #21C0BF	RGB 33 192 191	#21C0BF
33.3%	33.3% #19B9B7	RGB 25 185 183	#19B9B7
50.0%	50.0% #12B1AE	RGB 18 177 174	#12B1AE
66.7%	66.7% #0BAAA6	RGB 11 170 166	#0BAAA6
83.3%	83.3% #05A29E	RGB 5 162 158	#05A29E
100.0%	100.0% #009B96	RGB 0 155 150	#009B96

#2AC8C8 #21C0BF #19B9B7 #12B1AE #0BAAA6 #05A29E #009B96

#2AC8C8 - #12B1AE - #009B96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2AC8C8 0%, #12B1AE 50%, #009B96 100%);
    background: -webkit-linear-gradient(top, #2AC8C8 0%, #12B1AE 50%, #009B96 100%);
    background: linear-gradient(to bottom, #2AC8C8 0%, #12B1AE 50%, #009B96 100%);
}
</style>