#CEC4DA - #FFF5D4 | 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 #CEC4DA to #FFF5D4

#CEC4DA #FFF5D4

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

#CEC4DA - #FFF5D4 | 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 #CEC4DA as 0% and #FFF5D4 as 100%.

0.0%	0.0% #CEC4DA	RGB 206 196 218	#CEC4DA
16.7%	16.7% #D6CCD9	RGB 214 204 217	#D6CCD9
33.3%	33.3% #DED4D8	RGB 222 212 216	#DED4D8
50.0%	50.0% #E6DCD7	RGB 230 220 215	#E6DCD7
66.7%	66.7% #EEE4D6	RGB 238 228 214	#EEE4D6
83.3%	83.3% #F6ECD5	RGB 246 236 213	#F6ECD5
100.0%	100.0% #FFF5D4	RGB 255 245 212	#FFF5D4

#CEC4DA #D6CCD9 #DED4D8 #E6DCD7 #EEE4D6 #F6ECD5 #FFF5D4

#CEC4DA - #FFF5D4

HSV Blend

#CEC4DA - #FFF5D4 | 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 #CEC4DA as 0% and #FFF5D4 as 100%.

0.0%	0.0% #CEC4DA	RGB 206 196 218	#CEC4DA
16.7%	16.7% #DCC7E0	RGB 220 199 224	#DCC7E0
33.3%	33.3% #E6C9DF	RGB 230 201 223	#E6C9DF
50.0%	50.0% #ECCCD9	RGB 236 204 217	#ECCCD9
66.7%	66.7% #F2CFCF	RGB 242 207 207	#F2CFCF
83.3%	83.3% #F8E0D1	RGB 248 224 209	#F8E0D1
100.0%	100.0% #FFF5D4	RGB 255 245 212	#FFF5D4

#CEC4DA #DCC7E0 #E6C9DF #ECCCD9 #F2CFCF #F8E0D1 #FFF5D4

#CEC4DA - #ECCCD9 - #FFF5D4

CSS codes

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

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