#C4C2D3 - #FFEBD0 | 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 #C4C2D3 to #FFEBD0

#C4C2D3 #FFEBD0

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

#C4C2D3 - #FFEBD0 | 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 #C4C2D3 as 0% and #FFEBD0 as 100%.

0.0%	0.0% #C4C2D3	RGB 196 194 211	#C4C2D3
16.7%	16.7% #CDC8D2	RGB 205 200 210	#CDC8D2
33.3%	33.3% #D7CFD2	RGB 215 207 210	#D7CFD2
50.0%	50.0% #E1D6D1	RGB 225 214 209	#E1D6D1
66.7%	66.7% #EBDDD1	RGB 235 221 209	#EBDDD1
83.3%	83.3% #F5E4D0	RGB 245 228 208	#F5E4D0
100.0%	100.0% #FFEBD0	RGB 255 235 208	#FFEBD0

#C4C2D3 #CDC8D2 #D7CFD2 #E1D6D1 #EBDDD1 #F5E4D0 #FFEBD0

#C4C2D3 - #FFEBD0

HSV Blend

#C4C2D3 - #FFEBD0 | 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 #C4C2D3 as 0% and #FFEBD0 as 100%.

0.0%	0.0% #C4C2D3	RGB 196 194 211	#C4C2D3
16.7%	16.7% #D0C4DA	RGB 208 196 218	#D0C4DA
33.3%	33.3% #E0C7E1	RGB 224 199 225	#E0C7E1
50.0%	50.0% #E9CADE	RGB 233 202 222	#E9CADE
66.7%	66.7% #F0CCD5	RGB 240 204 213	#F0CCD5
83.3%	83.3% #F7D5CE	RGB 247 213 206	#F7D5CE
100.0%	100.0% #FFEBD0	RGB 255 235 208	#FFEBD0

#C4C2D3 #D0C4DA #E0C7E1 #E9CADE #F0CCD5 #F7D5CE #FFEBD0

#C4C2D3 - #E9CADE - #FFEBD0

CSS codes

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

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