#D0C7FF - #845CE1 | 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 #D0C7FF to #845CE1

#D0C7FF #845CE1

Calculate the color between two colors, #D0C7FF and #845CE1. 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)

#D0C7FF - #845CE1 | 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 #D0C7FF as 0% and #845CE1 as 100%.

0.0%	0.0% #D0C7FF	RGB 208 199 255	#D0C7FF
16.7%	16.7% #C3B5FA	RGB 195 181 250	#C3B5FA
33.3%	33.3% #B6A3F5	RGB 182 163 245	#B6A3F5
50.0%	50.0% #AA91F0	RGB 170 145 240	#AA91F0
66.7%	66.7% #9D7FEB	RGB 157 127 235	#9D7FEB
83.3%	83.3% #906DE6	RGB 144 109 230	#906DE6
100.0%	100.0% #845CE1	RGB 132 92 225	#845CE1

#D0C7FF #C3B5FA #B6A3F5 #AA91F0 #9D7FEB #906DE6 #845CE1

#D0C7FF - #845CE1

HSV Blend

#D0C7FF - #845CE1 | 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 #D0C7FF as 0% and #845CE1 as 100%.

0.0%	0.0% #D0C7FF	RGB 208 199 255	#D0C7FF
16.7%	16.7% #C0B3FA	RGB 192 179 250	#C0B3FA
33.3%	33.3% #B2A0F5	RGB 178 160 245	#B2A0F5
50.0%	50.0% #A58EF0	RGB 165 142 240	#A58EF0
66.7%	66.7% #997DEB	RGB 153 125 235	#997DEB
83.3%	83.3% #8E6CE6	RGB 142 108 230	#8E6CE6
100.0%	100.0% #845CE1	RGB 132 92 225	#845CE1

#D0C7FF #C0B3FA #B2A0F5 #A58EF0 #997DEB #8E6CE6 #845CE1

#D0C7FF - #A58EF0 - #845CE1

CSS codes

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

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