#CECDF7 - #D1FBF0 | 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 #CECDF7 to #D1FBF0

#CECDF7 #D1FBF0

Calculate the color between two colors, #CECDF7 and #D1FBF0. 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)

#CECDF7 - #D1FBF0 | 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 #CECDF7 as 0% and #D1FBF0 as 100%.

0.0%	0.0% #CECDF7	RGB 206 205 247	#CECDF7
16.7%	16.7% #CED4F5	RGB 206 212 245	#CED4F5
33.3%	33.3% #CFDCF4	RGB 207 220 244	#CFDCF4
50.0%	50.0% #CFE4F3	RGB 207 228 243	#CFE4F3
66.7%	66.7% #D0EBF2	RGB 208 235 242	#D0EBF2
83.3%	83.3% #D0F3F1	RGB 208 243 241	#D0F3F1
100.0%	100.0% #D1FBF0	RGB 209 251 240	#D1FBF0

#CECDF7 #CED4F5 #CFDCF4 #CFE4F3 #D0EBF2 #D0F3F1 #D1FBF0

#CECDF7 - #D1FBF0

HSV Blend

#CECDF7 - #D1FBF0 | 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 #CECDF7 as 0% and #D1FBF0 as 100%.

0.0%	0.0% #CECDF7	RGB 206 205 247	#CECDF7
16.7%	16.7% #CDD5F7	RGB 205 213 247	#CDD5F7
33.3%	33.3% #CEDFF8	RGB 206 223 248	#CEDFF8
50.0%	50.0% #CEE8F9	RGB 206 232 249	#CEE8F9
66.7%	66.7% #CFF2F9	RGB 207 242 249	#CFF2F9
83.3%	83.3% #D0FAF8	RGB 208 250 248	#D0FAF8
100.0%	100.0% #D1FBF0	RGB 209 251 240	#D1FBF0

#CECDF7 #CDD5F7 #CEDFF8 #CEE8F9 #CFF2F9 #D0FAF8 #D1FBF0

#CECDF7 - #CEE8F9 - #D1FBF0

CSS codes

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

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