#C8B5D4 - #FFE5CC | 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 #C8B5D4 to #FFE5CC

#C8B5D4 #FFE5CC

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

#C8B5D4 - #FFE5CC | 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 #C8B5D4 as 0% and #FFE5CC as 100%.

0.0%	0.0% #C8B5D4	RGB 200 181 212	#C8B5D4
16.7%	16.7% #D1BDD2	RGB 209 189 210	#D1BDD2
33.3%	33.3% #DAC5D1	RGB 218 197 209	#DAC5D1
50.0%	50.0% #E3CDD0	RGB 227 205 208	#E3CDD0
66.7%	66.7% #ECD5CE	RGB 236 213 206	#ECD5CE
83.3%	83.3% #F5DDCD	RGB 245 221 205	#F5DDCD
100.0%	100.0% #FFE5CC	RGB 255 229 204	#FFE5CC

#C8B5D4 #D1BDD2 #DAC5D1 #E3CDD0 #ECD5CE #F5DDCD #FFE5CC

#C8B5D4 - #FFE5CC

HSV Blend

#C8B5D4 - #FFE5CC | 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 #C8B5D4 as 0% and #FFE5CC as 100%.

0.0%	0.0% #C8B5D4	RGB 200 181 212	#C8B5D4
16.7%	16.7% #D8B9DB	RGB 216 185 219	#D8B9DB
33.3%	33.3% #E2BDD9	RGB 226 189 217	#E2BDD9
50.0%	50.0% #E9C1D3	RGB 233 193 211	#E9C1D3
66.7%	66.7% #F0C4CA	RGB 240 196 202	#F0C4CA
83.3%	83.3% #F7D0C8	RGB 247 208 200	#F7D0C8
100.0%	100.0% #FFE5CC	RGB 255 229 204	#FFE5CC

#C8B5D4 #D8B9DB #E2BDD9 #E9C1D3 #F0C4CA #F7D0C8 #FFE5CC

#C8B5D4 - #E9C1D3 - #FFE5CC

CSS codes

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

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