#CEFDEC - #66DCC5 | 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 #CEFDEC to #66DCC5

#CEFDEC #66DCC5

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

#CEFDEC - #66DCC5 | 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 #CEFDEC as 0% and #66DCC5 as 100%.

0.0%	0.0% #CEFDEC	RGB 206 253 236	#CEFDEC
16.7%	16.7% #BCF7E5	RGB 188 247 229	#BCF7E5
33.3%	33.3% #ABF2DF	RGB 171 242 223	#ABF2DF
50.0%	50.0% #9AECD8	RGB 154 236 216	#9AECD8
66.7%	66.7% #88E7D2	RGB 136 231 210	#88E7D2
83.3%	83.3% #77E1CB	RGB 119 225 203	#77E1CB
100.0%	100.0% #66DCC5	RGB 102 220 197	#66DCC5

#CEFDEC #BCF7E5 #ABF2DF #9AECD8 #88E7D2 #77E1CB #66DCC5

#CEFDEC - #66DCC5

HSV Blend

#CEFDEC - #66DCC5 | 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 #CEFDEC as 0% and #66DCC5 as 100%.

0.0%	0.0% #CEFDEC	RGB 206 253 236	#CEFDEC
16.7%	16.7% #BBF7E3	RGB 187 247 227	#BBF7E3
33.3%	33.3% #A8F2DB	RGB 168 242 219	#A8F2DB
50.0%	50.0% #97ECD4	RGB 151 236 212	#97ECD4
66.7%	66.7% #86E7CE	RGB 134 231 206	#86E7CE
83.3%	83.3% #75E1C9	RGB 117 225 201	#75E1C9
100.0%	100.0% #66DCC5	RGB 102 220 197	#66DCC5

#CEFDEC #BBF7E3 #A8F2DB #97ECD4 #86E7CE #75E1C9 #66DCC5

#CEFDEC - #97ECD4 - #66DCC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEFDEC 0%, #97ECD4 50%, #66DCC5 100%);
    background: -webkit-linear-gradient(top, #CEFDEC 0%, #97ECD4 50%, #66DCC5 100%);
    background: linear-gradient(to bottom, #CEFDEC 0%, #97ECD4 50%, #66DCC5 100%);
}
</style>