#CEB5DC - #FEFFD6 | 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 #CEB5DC to #FEFFD6

#CEB5DC #FEFFD6

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

#CEB5DC - #FEFFD6 | 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 #CEB5DC as 0% and #FEFFD6 as 100%.

0.0%	0.0% #CEB5DC	RGB 206 181 220	#CEB5DC
16.7%	16.7% #D6C1DB	RGB 214 193 219	#D6C1DB
33.3%	33.3% #DECDDA	RGB 222 205 218	#DECDDA
50.0%	50.0% #E6DAD9	RGB 230 218 217	#E6DAD9
66.7%	66.7% #EEE6D8	RGB 238 230 216	#EEE6D8
83.3%	83.3% #F6F2D7	RGB 246 242 215	#F6F2D7
100.0%	100.0% #FEFFD6	RGB 254 255 214	#FEFFD6

#CEB5DC #D6C1DB #DECDDA #E6DAD9 #EEE6D8 #F6F2D7 #FEFFD6

#CEB5DC - #FEFFD6

HSV Blend

#CEB5DC - #FEFFD6 | 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 #CEB5DC as 0% and #FEFFD6 as 100%.

0.0%	0.0% #CEB5DC	RGB 206 181 220	#CEB5DC
16.7%	16.7% #E1BAE0	RGB 225 186 224	#E1BAE0
33.3%	33.3% #E7BFD6	RGB 231 191 214	#E7BFD6
50.0%	50.0% #EDC5CC	RGB 237 197 204	#EDC5CC
66.7%	66.7% #F3D4CA	RGB 243 212 202	#F3D4CA
83.3%	83.3% #F9E9D0	RGB 249 233 208	#F9E9D0
100.0%	100.0% #FEFFD6	RGB 254 255 214	#FEFFD6

#CEB5DC #E1BAE0 #E7BFD6 #EDC5CC #F3D4CA #F9E9D0 #FEFFD6

#CEB5DC - #EDC5CC - #FEFFD6

CSS codes

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

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