#CDA8D4 - #FFEFCE | 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 #CDA8D4 to #FFEFCE

#CDA8D4 #FFEFCE

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

#CDA8D4 - #FFEFCE | 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 #CDA8D4 as 0% and #FFEFCE as 100%.

0.0%	0.0% #CDA8D4	RGB 205 168 212	#CDA8D4
16.7%	16.7% #D5B3D3	RGB 213 179 211	#D5B3D3
33.3%	33.3% #DDBFD2	RGB 221 191 210	#DDBFD2
50.0%	50.0% #E6CBD1	RGB 230 203 209	#E6CBD1
66.7%	66.7% #EED7D0	RGB 238 215 208	#EED7D0
83.3%	83.3% #F6E3CF	RGB 246 227 207	#F6E3CF
100.0%	100.0% #FFEFCE	RGB 255 239 206	#FFEFCE

#CDA8D4 #D5B3D3 #DDBFD2 #E6CBD1 #EED7D0 #F6E3CF #FFEFCE

#CDA8D4 - #FFEFCE

HSV Blend

#CDA8D4 - #FFEFCE | 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 #CDA8D4 as 0% and #FFEFCE as 100%.

0.0%	0.0% #CDA8D4	RGB 205 168 212	#CDA8D4
16.7%	16.7% #DBAED4	RGB 219 174 212	#DBAED4
33.3%	33.3% #E2B4CD	RGB 226 180 205	#E2B4CD
50.0%	50.0% #E9BAC6	RGB 233 186 198	#E9BAC6
66.7%	66.7% #F0C4C1	RGB 240 196 193	#F0C4C1
83.3%	83.3% #F7D9C7	RGB 247 217 199	#F7D9C7
100.0%	100.0% #FFEFCE	RGB 255 239 206	#FFEFCE

#CDA8D4 #DBAED4 #E2B4CD #E9BAC6 #F0C4C1 #F7D9C7 #FFEFCE

#CDA8D4 - #E9BAC6 - #FFEFCE

CSS codes

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

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