#CEB8DA - #FFDBE8 | 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 #CEB8DA to #FFDBE8

#CEB8DA #FFDBE8

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

#CEB8DA - #FFDBE8 | 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 #CEB8DA as 0% and #FFDBE8 as 100%.

0.0%	0.0% #CEB8DA	RGB 206 184 218	#CEB8DA
16.7%	16.7% #D6BDDC	RGB 214 189 220	#D6BDDC
33.3%	33.3% #DEC3DE	RGB 222 195 222	#DEC3DE
50.0%	50.0% #E6C9E1	RGB 230 201 225	#E6C9E1
66.7%	66.7% #EECFE3	RGB 238 207 227	#EECFE3
83.3%	83.3% #F6D5E5	RGB 246 213 229	#F6D5E5
100.0%	100.0% #FFDBE8	RGB 255 219 232	#FFDBE8

#CEB8DA #D6BDDC #DEC3DE #E6C9E1 #EECFE3 #F6D5E5 #FFDBE8

#CEB8DA - #FFDBE8

HSV Blend

#CEB8DA - #FFDBE8 | 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 #CEB8DA as 0% and #FFDBE8 as 100%.

0.0%	0.0% #CEB8DA	RGB 206 184 218	#CEB8DA
16.7%	16.7% #D9BDE0	RGB 217 189 224	#D9BDE0
33.3%	33.3% #E5C3E6	RGB 229 195 230	#E5C3E6
50.0%	50.0% #ECC9E7	RGB 236 201 231	#ECC9E7
66.7%	66.7% #F2CFE7	RGB 242 207 231	#F2CFE7
83.3%	83.3% #F8D5E7	RGB 248 213 231	#F8D5E7
100.0%	100.0% #FFDBE8	RGB 255 219 232	#FFDBE8

#CEB8DA #D9BDE0 #E5C3E6 #ECC9E7 #F2CFE7 #F8D5E7 #FFDBE8

#CEB8DA - #ECC9E7 - #FFDBE8

CSS codes

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

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