#E2B8FF - #904ACE | 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 #E2B8FF to #904ACE

#E2B8FF #904ACE

Calculate the color between two colors, #E2B8FF and #904ACE. 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)

#E2B8FF - #904ACE | 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 #E2B8FF as 0% and #904ACE as 100%.

0.0%	0.0% #E2B8FF	RGB 226 184 255	#E2B8FF
16.7%	16.7% #D4A5F6	RGB 212 165 246	#D4A5F6
33.3%	33.3% #C693EE	RGB 198 147 238	#C693EE
50.0%	50.0% #B981E6	RGB 185 129 230	#B981E6
66.7%	66.7% #AB6EDE	RGB 171 110 222	#AB6EDE
83.3%	83.3% #9D5CD6	RGB 157 92 214	#9D5CD6
100.0%	100.0% #904ACE	RGB 144 74 206	#904ACE

#E2B8FF #D4A5F6 #C693EE #B981E6 #AB6EDE #9D5CD6 #904ACE

#E2B8FF - #904ACE

HSV Blend

#E2B8FF - #904ACE | 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 #E2B8FF as 0% and #904ACE as 100%.

0.0%	0.0% #E2B8FF	RGB 226 184 255	#E2B8FF
16.7%	16.7% #D3A3F6	RGB 211 163 246	#D3A3F6
33.3%	33.3% #C58FEE	RGB 197 143 238	#C58FEE
50.0%	50.0% #B77CE6	RGB 183 124 230	#B77CE6
66.7%	66.7% #AA6ADE	RGB 170 106 222	#AA6ADE
83.3%	83.3% #9D59D6	RGB 157 89 214	#9D59D6
100.0%	100.0% #904ACE	RGB 144 74 206	#904ACE

#E2B8FF #D3A3F6 #C58FEE #B77CE6 #AA6ADE #9D59D6 #904ACE

#E2B8FF - #B77CE6 - #904ACE

CSS codes

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

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