#CBCCF7 - #D5E4EE | 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 #CBCCF7 to #D5E4EE

#CBCCF7 #D5E4EE

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

#CBCCF7 - #D5E4EE | 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 #CBCCF7 as 0% and #D5E4EE as 100%.

0.0%	0.0% #CBCCF7	RGB 203 204 247	#CBCCF7
16.7%	16.7% #CCD0F5	RGB 204 208 245	#CCD0F5
33.3%	33.3% #CED4F4	RGB 206 212 244	#CED4F4
50.0%	50.0% #D0D8F2	RGB 208 216 242	#D0D8F2
66.7%	66.7% #D1DCF1	RGB 209 220 241	#D1DCF1
83.3%	83.3% #D3E0EF	RGB 211 224 239	#D3E0EF
100.0%	100.0% #D5E4EE	RGB 213 228 238	#D5E4EE

#CBCCF7 #CCD0F5 #CED4F4 #D0D8F2 #D1DCF1 #D3E0EF #D5E4EE

#CBCCF7 - #D5E4EE

HSV Blend

#CBCCF7 - #D5E4EE | 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 #CBCCF7 as 0% and #D5E4EE as 100%.

0.0%	0.0% #CBCCF7	RGB 203 204 247	#CBCCF7
16.7%	16.7% #CCD1F5	RGB 204 209 245	#CCD1F5
33.3%	33.3% #CED6F4	RGB 206 214 244	#CED6F4
50.0%	50.0% #D0DAF2	RGB 208 218 242	#D0DAF2
66.7%	66.7% #D1DEF1	RGB 209 222 241	#D1DEF1
83.3%	83.3% #D3E1EF	RGB 211 225 239	#D3E1EF
100.0%	100.0% #D5E4EE	RGB 213 228 238	#D5E4EE

#CBCCF7 #CCD1F5 #CED6F4 #D0DAF2 #D1DEF1 #D3E1EF #D5E4EE

#CBCCF7 - #D0DAF2 - #D5E4EE

CSS codes

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

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