#CBC6F5 - #D4E5E8 | 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 #CBC6F5 to #D4E5E8

#CBC6F5 #D4E5E8

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

#CBC6F5 - #D4E5E8 | 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 #CBC6F5 as 0% and #D4E5E8 as 100%.

0.0%	0.0% #CBC6F5	RGB 203 198 245	#CBC6F5
16.7%	16.7% #CCCBF2	RGB 204 203 242	#CCCBF2
33.3%	33.3% #CED0F0	RGB 206 208 240	#CED0F0
50.0%	50.0% #CFD5EE	RGB 207 213 238	#CFD5EE
66.7%	66.7% #D1DAEC	RGB 209 218 236	#D1DAEC
83.3%	83.3% #D2DFEA	RGB 210 223 234	#D2DFEA
100.0%	100.0% #D4E5E8	RGB 212 229 232	#D4E5E8

#CBC6F5 #CCCBF2 #CED0F0 #CFD5EE #D1DAEC #D2DFEA #D4E5E8

#CBC6F5 - #D4E5E8

HSV Blend

#CBC6F5 - #D4E5E8 | 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 #CBC6F5 as 0% and #D4E5E8 as 100%.

0.0%	0.0% #CBC6F5	RGB 203 198 245	#CBC6F5
16.7%	16.7% #C8CAF2	RGB 200 202 242	#C8CAF2
33.3%	33.3% #CAD2F0	RGB 202 210 240	#CAD2F0
50.0%	50.0% #CDD9EE	RGB 205 217 238	#CDD9EE
66.7%	66.7% #CFDEEC	RGB 207 222 236	#CFDEEC
83.3%	83.3% #D1E2EA	RGB 209 226 234	#D1E2EA
100.0%	100.0% #D4E5E8	RGB 212 229 232	#D4E5E8

#CBC6F5 #C8CAF2 #CAD2F0 #CDD9EE #CFDEEC #D1E2EA #D4E5E8

#CBC6F5 - #CDD9EE - #D4E5E8

CSS codes

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

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