#CDA3E7 - #FFE4E0 | 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 #CDA3E7 to #FFE4E0

#CDA3E7 #FFE4E0

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

#CDA3E7 - #FFE4E0 | 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 #CDA3E7 as 0% and #FFE4E0 as 100%.

0.0%	0.0% #CDA3E7	RGB 205 163 231	#CDA3E7
16.7%	16.7% #D5ADE5	RGB 213 173 229	#D5ADE5
33.3%	33.3% #DDB8E4	RGB 221 184 228	#DDB8E4
50.0%	50.0% #E6C3E3	RGB 230 195 227	#E6C3E3
66.7%	66.7% #EECEE2	RGB 238 206 226	#EECEE2
83.3%	83.3% #F6D9E1	RGB 246 217 225	#F6D9E1
100.0%	100.0% #FFE4E0	RGB 255 228 224	#FFE4E0

#CDA3E7 #D5ADE5 #DDB8E4 #E6C3E3 #EECEE2 #F6D9E1 #FFE4E0

#CDA3E7 - #FFE4E0

HSV Blend

#CDA3E7 - #FFE4E0 | 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 #CDA3E7 as 0% and #FFE4E0 as 100%.

0.0%	0.0% #CDA3E7	RGB 205 163 231	#CDA3E7
16.7%	16.7% #E2ACEB	RGB 226 172 235	#E2ACEB
33.3%	33.3% #EFB6E8	RGB 239 182 232	#EFB6E8
50.0%	50.0% #F3C0E0	RGB 243 192 224	#F3C0E0
66.7%	66.7% #F7CADB	RGB 247 202 219	#F7CADB
83.3%	83.3% #FBD5D9	RGB 251 213 217	#FBD5D9
100.0%	100.0% #FFE4E0	RGB 255 228 224	#FFE4E0

#CDA3E7 #E2ACEB #EFB6E8 #F3C0E0 #F7CADB #FBD5D9 #FFE4E0

#CDA3E7 - #F3C0E0 - #FFE4E0

CSS codes

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

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