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

#CBA3E1 #FFE3DA

Calculate the color between two colors, #CBA3E1 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)

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

0.0%	0.0% #CBA3E1	RGB 203 163 225	#CBA3E1
16.7%	16.7% #D3ADDF	RGB 211 173 223	#D3ADDF
33.3%	33.3% #DCB8DE	RGB 220 184 222	#DCB8DE
50.0%	50.0% #E5C3DD	RGB 229 195 221	#E5C3DD
66.7%	66.7% #EDCDDC	RGB 237 205 220	#EDCDDC
83.3%	83.3% #F6D8DB	RGB 246 216 219	#F6D8DB
100.0%	100.0% #FFE3DA	RGB 255 227 218	#FFE3DA

#CBA3E1 #D3ADDF #DCB8DE #E5C3DD #EDCDDC #F6D8DB #FFE3DA

#CBA3E1 - #FFE3DA

HSV Blend

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

0.0%	0.0% #CBA3E1	RGB 203 163 225	#CBA3E1
16.7%	16.7% #E0ABE6	RGB 224 171 230	#E0ABE6
33.3%	33.3% #EBB4E1	RGB 235 180 225	#EBB4E1
50.0%	50.0% #F0BDD9	RGB 240 189 217	#F0BDD9
66.7%	66.7% #F5C6D4	RGB 245 198 212	#F5C6D4
83.3%	83.3% #FAD0D1	RGB 250 208 209	#FAD0D1
100.0%	100.0% #FFE3DA	RGB 255 227 218	#FFE3DA

#CBA3E1 #E0ABE6 #EBB4E1 #F0BDD9 #F5C6D4 #FAD0D1 #FFE3DA

#CBA3E1 - #F0BDD9 - #FFE3DA

CSS codes

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

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