#CBA6EC - #FFE6E4 | 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 #CBA6EC to #FFE6E4

#CBA6EC #FFE6E4

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

#CBA6EC - #FFE6E4 | 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 #CBA6EC as 0% and #FFE6E4 as 100%.

0.0%	0.0% #CBA6EC	RGB 203 166 236	#CBA6EC
16.7%	16.7% #D3B0EA	RGB 211 176 234	#D3B0EA
33.3%	33.3% #DCBBE9	RGB 220 187 233	#DCBBE9
50.0%	50.0% #E5C6E8	RGB 229 198 232	#E5C6E8
66.7%	66.7% #EDD0E6	RGB 237 208 230	#EDD0E6
83.3%	83.3% #F6DBE5	RGB 246 219 229	#F6DBE5
100.0%	100.0% #FFE6E4	RGB 255 230 228	#FFE6E4

#CBA6EC #D3B0EA #DCBBE9 #E5C6E8 #EDD0E6 #F6DBE5 #FFE6E4

#CBA6EC - #FFE6E4

HSV Blend

#CBA6EC - #FFE6E4 | 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 #CBA6EC as 0% and #FFE6E4 as 100%.

0.0%	0.0% #CBA6EC	RGB 203 166 236	#CBA6EC
16.7%	16.7% #E1AFEF	RGB 225 175 239	#E1AFEF
33.3%	33.3% #F2B9EF	RGB 242 185 239	#F2B9EF
50.0%	50.0% #F5C4E6	RGB 245 196 230	#F5C4E6
66.7%	66.7% #F8CEE1	RGB 248 206 225	#F8CEE1
83.3%	83.3% #FBD9DF	RGB 251 217 223	#FBD9DF
100.0%	100.0% #FFE6E4	RGB 255 230 228	#FFE6E4

#CBA6EC #E1AFEF #F2B9EF #F5C4E6 #F8CEE1 #FBD9DF #FFE6E4

#CBA6EC - #F5C4E6 - #FFE6E4

CSS codes

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

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