#CEB2D0 - #FFE3C6 | 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 #CEB2D0 to #FFE3C6

#CEB2D0 #FFE3C6

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

#CEB2D0 - #FFE3C6 | 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 #CEB2D0 as 0% and #FFE3C6 as 100%.

0.0%	0.0% #CEB2D0	RGB 206 178 208	#CEB2D0
16.7%	16.7% #D6BACE	RGB 214 186 206	#D6BACE
33.3%	33.3% #DEC2CC	RGB 222 194 204	#DEC2CC
50.0%	50.0% #E6CACB	RGB 230 202 203	#E6CACB
66.7%	66.7% #EED2C9	RGB 238 210 201	#EED2C9
83.3%	83.3% #F6DAC7	RGB 246 218 199	#F6DAC7
100.0%	100.0% #FFE3C6	RGB 255 227 198	#FFE3C6

#CEB2D0 #D6BACE #DEC2CC #E6CACB #EED2C9 #F6DAC7 #FFE3C6

#CEB2D0 - #FFE3C6

HSV Blend

#CEB2D0 - #FFE3C6 | 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 #CEB2D0 as 0% and #FFE3C6 as 100%.

0.0%	0.0% #CEB2D0	RGB 206 178 208	#CEB2D0
16.7%	16.7% #D7B5D1	RGB 215 181 209	#D7B5D1
33.3%	33.3% #DFB9CE	RGB 223 185 206	#DFB9CE
50.0%	50.0% #E7BCC8	RGB 231 188 200	#E7BCC8
66.7%	66.7% #EFC0C0	RGB 239 192 192	#EFC0C0
83.3%	83.3% #F7CFC3	RGB 247 207 195	#F7CFC3
100.0%	100.0% #FFE3C6	RGB 255 227 198	#FFE3C6

#CEB2D0 #D7B5D1 #DFB9CE #E7BCC8 #EFC0C0 #F7CFC3 #FFE3C6

#CEB2D0 - #E7BCC8 - #FFE3C6

CSS codes

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

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