#CEC2DB - #CAD5E4 | 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 #CEC2DB to #CAD5E4

#CEC2DB #CAD5E4

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

#CEC2DB - #CAD5E4 | 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 #CEC2DB as 0% and #CAD5E4 as 100%.

0.0%	0.0% #CEC2DB	RGB 206 194 219	#CEC2DB
16.7%	16.7% #CDC5DC	RGB 205 197 220	#CDC5DC
33.3%	33.3% #CCC8DE	RGB 204 200 222	#CCC8DE
50.0%	50.0% #CCCBDF	RGB 204 203 223	#CCCBDF
66.7%	66.7% #CBCEE1	RGB 203 206 225	#CBCEE1
83.3%	83.3% #CAD1E2	RGB 202 209 226	#CAD1E2
100.0%	100.0% #CAD5E4	RGB 202 213 228	#CAD5E4

#CEC2DB #CDC5DC #CCC8DE #CCCBDF #CBCEE1 #CAD1E2 #CAD5E4

#CEC2DB - #CAD5E4

HSV Blend

#CEC2DB - #CAD5E4 | 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 #CEC2DB as 0% and #CAD5E4 as 100%.

0.0%	0.0% #CEC2DB	RGB 206 194 219	#CEC2DB
16.7%	16.7% #CBC3DC	RGB 203 195 220	#CBC3DC
33.3%	33.3% #C9C4DE	RGB 201 196 222	#C9C4DE
50.0%	50.0% #C6C5DF	RGB 198 197 223	#C6C5DF
66.7%	66.7% #C7CAE1	RGB 199 202 225	#C7CAE1
83.3%	83.3% #C8CFE2	RGB 200 207 226	#C8CFE2
100.0%	100.0% #CAD5E4	RGB 202 213 228	#CAD5E4

#CEC2DB #CBC3DC #C9C4DE #C6C5DF #C7CAE1 #C8CFE2 #CAD5E4

#CEC2DB - #C6C5DF - #CAD5E4

CSS codes

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

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