#CBA5EE - #FFE6E6 | 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 #CBA5EE to #FFE6E6

#CBA5EE #FFE6E6

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

#CBA5EE - #FFE6E6 | 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 #CBA5EE as 0% and #FFE6E6 as 100%.

0.0%	0.0% #CBA5EE	RGB 203 165 238	#CBA5EE
16.7%	16.7% #D3AFEC	RGB 211 175 236	#D3AFEC
33.3%	33.3% #DCBAEB	RGB 220 186 235	#DCBAEB
50.0%	50.0% #E5C5EA	RGB 229 197 234	#E5C5EA
66.7%	66.7% #EDD0E8	RGB 237 208 232	#EDD0E8
83.3%	83.3% #F6DBE7	RGB 246 219 231	#F6DBE7
100.0%	100.0% #FFE6E6	RGB 255 230 230	#FFE6E6

#CBA5EE #D3AFEC #DCBAEB #E5C5EA #EDD0E8 #F6DBE7 #FFE6E6

#CBA5EE - #FFE6E6

HSV Blend

#CBA5EE - #FFE6E6 | 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 #CBA5EE as 0% and #FFE6E6 as 100%.

0.0%	0.0% #CBA5EE	RGB 203 165 238	#CBA5EE
16.7%	16.7% #E1AFF0	RGB 225 175 240	#E1AFF0
33.3%	33.3% #F3B9F2	RGB 243 185 242	#F3B9F2
50.0%	50.0% #F6C4E9	RGB 246 196 233	#F6C4E9
66.7%	66.7% #F9CFE4	RGB 249 207 228	#F9CFE4
83.3%	83.3% #FCDAE2	RGB 252 218 226	#FCDAE2
100.0%	100.0% #FFE6E6	RGB 255 230 230	#FFE6E6

#CBA5EE #E1AFF0 #F3B9F2 #F6C4E9 #F9CFE4 #FCDAE2 #FFE6E6

#CBA5EE - #F6C4E9 - #FFE6E6

CSS codes

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

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