#CECBD3 - #FFFAD1 | 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 #CECBD3 to #FFFAD1

#CECBD3 #FFFAD1

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

#CECBD3 - #FFFAD1 | 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 #CECBD3 as 0% and #FFFAD1 as 100%.

0.0%	0.0% #CECBD3	RGB 206 203 211	#CECBD3
16.7%	16.7% #D6D2D2	RGB 214 210 210	#D6D2D2
33.3%	33.3% #DEDAD2	RGB 222 218 210	#DEDAD2
50.0%	50.0% #E6E2D2	RGB 230 226 210	#E6E2D2
66.7%	66.7% #EEEAD1	RGB 238 234 209	#EEEAD1
83.3%	83.3% #F6F2D1	RGB 246 242 209	#F6F2D1
100.0%	100.0% #FFFAD1	RGB 255 250 209	#FFFAD1

#CECBD3 #D6D2D2 #DEDAD2 #E6E2D2 #EEEAD1 #F6F2D1 #FFFAD1

#CECBD3 - #FFFAD1

HSV Blend

#CECBD3 - #FFFAD1 | 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 #CECBD3 as 0% and #FFFAD1 as 100%.

0.0%	0.0% #CECBD3	RGB 206 203 211	#CECBD3
16.7%	16.7% #D7CCDA	RGB 215 204 218	#D7CCDA
33.3%	33.3% #E1CEDD	RGB 225 206 221	#E1CEDD
50.0%	50.0% #E9CFD8	RGB 233 207 216	#E9CFD8
66.7%	66.7% #F0D2D0	RGB 240 210 208	#F0D2D0
83.3%	83.3% #F7E3D0	RGB 247 227 208	#F7E3D0
100.0%	100.0% #FFFAD1	RGB 255 250 209	#FFFAD1

#CECBD3 #D7CCDA #E1CEDD #E9CFD8 #F0D2D0 #F7E3D0 #FFFAD1

#CECBD3 - #E9CFD8 - #FFFAD1

CSS codes

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

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