#C0ABFF - #FFE8F2 | 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 #C0ABFF to #FFE8F2

#C0ABFF #FFE8F2

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

#C0ABFF - #FFE8F2 | 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 #C0ABFF as 0% and #FFE8F2 as 100%.

0.0%	0.0% #C0ABFF	RGB 192 171 255	#C0ABFF
16.7%	16.7% #CAB5FC	RGB 202 181 252	#CAB5FC
33.3%	33.3% #D5BFFA	RGB 213 191 250	#D5BFFA
50.0%	50.0% #DFC9F8	RGB 223 201 248	#DFC9F8
66.7%	66.7% #EAD3F6	RGB 234 211 246	#EAD3F6
83.3%	83.3% #F4DDF4	RGB 244 221 244	#F4DDF4
100.0%	100.0% #FFE8F2	RGB 255 232 242	#FFE8F2

#C0ABFF #CAB5FC #D5BFFA #DFC9F8 #EAD3F6 #F4DDF4 #FFE8F2

#C0ABFF - #FFE8F2

HSV Blend

#C0ABFF - #FFE8F2 | 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 #C0ABFF as 0% and #FFE8F2 as 100%.

0.0%	0.0% #C0ABFF	RGB 192 171 255	#C0ABFF
16.7%	16.7% #D7B5FF	RGB 215 181 255	#D7B5FF
33.3%	33.3% #EBBFFF	RGB 235 191 255	#EBBFFF
50.0%	50.0% #FAC9FF	RGB 250 201 255	#FAC9FF
66.7%	66.7% #FFD3F9	RGB 255 211 249	#FFD3F9
83.3%	83.3% #FFDDF3	RGB 255 221 243	#FFDDF3
100.0%	100.0% #FFE8F2	RGB 255 232 242	#FFE8F2

#C0ABFF #D7B5FF #EBBFFF #FAC9FF #FFD3F9 #FFDDF3 #FFE8F2

#C0ABFF - #FAC9FF - #FFE8F2

CSS codes

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

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