#0C92A6 - #AFE7CD | 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 #0C92A6 to #AFE7CD

#0C92A6 #AFE7CD

Calculate the color between two colors, #0C92A6 and #AFE7CD. 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)

#0C92A6 - #AFE7CD | 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 #0C92A6 as 0% and #AFE7CD as 100%.

0.0%	0.0% #0C92A6	RGB 12 146 166	#0C92A6
16.7%	16.7% #27A0AC	RGB 39 160 172	#27A0AC
33.3%	33.3% #42AEB3	RGB 66 174 179	#42AEB3
50.0%	50.0% #5DBCB9	RGB 93 188 185	#5DBCB9
66.7%	66.7% #78CAC0	RGB 120 202 192	#78CAC0
83.3%	83.3% #93D8C6	RGB 147 216 198	#93D8C6
100.0%	100.0% #AFE7CD	RGB 175 231 205	#AFE7CD

#0C92A6 #27A0AC #42AEB3 #5DBCB9 #78CAC0 #93D8C6 #AFE7CD

#0C92A6 - #AFE7CD

HSV Blend

#0C92A6 - #AFE7CD | 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 #0C92A6 as 0% and #AFE7CD as 100%.

0.0%	0.0% #0C92A6	RGB 12 146 166	#0C92A6
16.7%	16.7% #20ACB0	RGB 32 172 176	#20ACB0
33.3%	33.3% #38BBB2	RGB 56 187 178	#38BBB2
50.0%	50.0% #52C6B3	RGB 82 198 179	#52C6B3
66.7%	66.7% #6ED1B7	RGB 110 209 183	#6ED1B7
83.3%	83.3% #8DDCBF	RGB 141 220 191	#8DDCBF
100.0%	100.0% #AFE7CD	RGB 175 231 205	#AFE7CD

#0C92A6 #20ACB0 #38BBB2 #52C6B3 #6ED1B7 #8DDCBF #AFE7CD

#0C92A6 - #52C6B3 - #AFE7CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C92A6 0%, #52C6B3 50%, #AFE7CD 100%);
    background: -webkit-linear-gradient(top, #0C92A6 0%, #52C6B3 50%, #AFE7CD 100%);
    background: linear-gradient(to bottom, #0C92A6 0%, #52C6B3 50%, #AFE7CD 100%);
}
</style>