#D4B8FF - #844ACE | 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 #D4B8FF to #844ACE

#D4B8FF #844ACE

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

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

0.0%	0.0% #D4B8FF	RGB 212 184 255	#D4B8FF
16.7%	16.7% #C6A5F6	RGB 198 165 246	#C6A5F6
33.3%	33.3% #B993EE	RGB 185 147 238	#B993EE
50.0%	50.0% #AC81E6	RGB 172 129 230	#AC81E6
66.7%	66.7% #9E6EDE	RGB 158 110 222	#9E6EDE
83.3%	83.3% #915CD6	RGB 145 92 214	#915CD6
100.0%	100.0% #844ACE	RGB 132 74 206	#844ACE

#D4B8FF #C6A5F6 #B993EE #AC81E6 #9E6EDE #915CD6 #844ACE

#D4B8FF - #844ACE

HSV Blend

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

0.0%	0.0% #D4B8FF	RGB 212 184 255	#D4B8FF
16.7%	16.7% #C4A3F6	RGB 196 163 246	#C4A3F6
33.3%	33.3% #B68FEE	RGB 182 143 238	#B68FEE
50.0%	50.0% #A87CE6	RGB 168 124 230	#A87CE6
66.7%	66.7% #9B6ADE	RGB 155 106 222	#9B6ADE
83.3%	83.3% #8F59D6	RGB 143 89 214	#8F59D6
100.0%	100.0% #844ACE	RGB 132 74 206	#844ACE

#D4B8FF #C4A3F6 #B68FEE #A87CE6 #9B6ADE #8F59D6 #844ACE

#D4B8FF - #A87CE6 - #844ACE

CSS codes

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

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