#CFA3E1 - #FFE3DA | 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 #CFA3E1 to #FFE3DA

#CFA3E1 #FFE3DA

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

#CFA3E1 - #FFE3DA | 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 #CFA3E1 as 0% and #FFE3DA as 100%.

0.0%	0.0% #CFA3E1	RGB 207 163 225	#CFA3E1
16.7%	16.7% #D7ADDF	RGB 215 173 223	#D7ADDF
33.3%	33.3% #DFB8DE	RGB 223 184 222	#DFB8DE
50.0%	50.0% #E7C3DD	RGB 231 195 221	#E7C3DD
66.7%	66.7% #EFCDDC	RGB 239 205 220	#EFCDDC
83.3%	83.3% #F7D8DB	RGB 247 216 219	#F7D8DB
100.0%	100.0% #FFE3DA	RGB 255 227 218	#FFE3DA

#CFA3E1 #D7ADDF #DFB8DE #E7C3DD #EFCDDC #F7D8DB #FFE3DA

#CFA3E1 - #FFE3DA

HSV Blend

#CFA3E1 - #FFE3DA | 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 #CFA3E1 as 0% and #FFE3DA as 100%.

0.0%	0.0% #CFA3E1	RGB 207 163 225	#CFA3E1
16.7%	16.7% #E3ABE6	RGB 227 171 230	#E3ABE6
33.3%	33.3% #EBB4DE	RGB 235 180 222	#EBB4DE
50.0%	50.0% #F0BDD7	RGB 240 189 215	#F0BDD7
66.7%	66.7% #F5C6D3	RGB 245 198 211	#F5C6D3
83.3%	83.3% #FAD0D0	RGB 250 208 208	#FAD0D0
100.0%	100.0% #FFE3DA	RGB 255 227 218	#FFE3DA

#CFA3E1 #E3ABE6 #EBB4DE #F0BDD7 #F5C6D3 #FAD0D0 #FFE3DA

#CFA3E1 - #F0BDD7 - #FFE3DA

CSS codes

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

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