#EAC3FF - #B96CEE | 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 #EAC3FF to #B96CEE

#EAC3FF #B96CEE

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

#EAC3FF - #B96CEE | 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 #EAC3FF as 0% and #B96CEE as 100%.

0.0%	0.0% #EAC3FF	RGB 234 195 255	#EAC3FF
16.7%	16.7% #E1B4FC	RGB 225 180 252	#E1B4FC
33.3%	33.3% #D9A6F9	RGB 217 166 249	#D9A6F9
50.0%	50.0% #D197F6	RGB 209 151 246	#D197F6
66.7%	66.7% #C989F3	RGB 201 137 243	#C989F3
83.3%	83.3% #C17AF0	RGB 193 122 240	#C17AF0
100.0%	100.0% #B96CEE	RGB 185 108 238	#B96CEE

#EAC3FF #E1B4FC #D9A6F9 #D197F6 #C989F3 #C17AF0 #B96CEE

#EAC3FF - #B96CEE

HSV Blend

#EAC3FF - #B96CEE | 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 #EAC3FF as 0% and #B96CEE as 100%.

0.0%	0.0% #EAC3FF	RGB 234 195 255	#EAC3FF
16.7%	16.7% #E2B3FC	RGB 226 179 252	#E2B3FC
33.3%	33.3% #DAA4F9	RGB 218 164 249	#DAA4F9
50.0%	50.0% #D296F6	RGB 210 150 246	#D296F6
66.7%	66.7% #C987F3	RGB 201 135 243	#C987F3
83.3%	83.3% #C179F0	RGB 193 121 240	#C179F0
100.0%	100.0% #B96CEE	RGB 185 108 238	#B96CEE

#EAC3FF #E2B3FC #DAA4F9 #D296F6 #C987F3 #C179F0 #B96CEE

#EAC3FF - #D296F6 - #B96CEE

CSS codes

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

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