#66D9D9 - #00AFB0 | 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 #66D9D9 to #00AFB0

#66D9D9 #00AFB0

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

#66D9D9 - #00AFB0 | 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 #66D9D9 as 0% and #00AFB0 as 100%.

0.0%	0.0% #66D9D9	RGB 102 217 217	#66D9D9
16.7%	16.7% #55D2D2	RGB 85 210 210	#55D2D2
33.3%	33.3% #44CBCB	RGB 68 203 203	#44CBCB
50.0%	50.0% #33C4C4	RGB 51 196 196	#33C4C4
66.7%	66.7% #22BDBD	RGB 34 189 189	#22BDBD
83.3%	83.3% #11B6B6	RGB 17 182 182	#11B6B6
100.0%	100.0% #00AFB0	RGB 0 175 176	#00AFB0

#66D9D9 #55D2D2 #44CBCB #33C4C4 #22BDBD #11B6B6 #00AFB0

#66D9D9 - #00AFB0

HSV Blend

#66D9D9 - #00AFB0 | 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 #66D9D9 as 0% and #00AFB0 as 100%.

0.0%	0.0% #66D9D9	RGB 102 217 217	#66D9D9
16.7%	16.7% #52D2D2	RGB 82 210 210	#52D2D2
33.3%	33.3% #3FCBCB	RGB 63 203 203	#3FCBCB
50.0%	50.0% #2EC4C4	RGB 46 196 196	#2EC4C4
66.7%	66.7% #1DBDBD	RGB 29 189 189	#1DBDBD
83.3%	83.3% #0EB6B6	RGB 14 182 182	#0EB6B6
100.0%	100.0% #00AFB0	RGB 0 175 176	#00AFB0

#66D9D9 #52D2D2 #3FCBCB #2EC4C4 #1DBDBD #0EB6B6 #00AFB0

#66D9D9 - #2EC4C4 - #00AFB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #66D9D9 0%, #2EC4C4 50%, #00AFB0 100%);
    background: -webkit-linear-gradient(top, #66D9D9 0%, #2EC4C4 50%, #00AFB0 100%);
    background: linear-gradient(to bottom, #66D9D9 0%, #2EC4C4 50%, #00AFB0 100%);
}
</style>