#7E5BFF - #D9D0FF | 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 #7E5BFF to #D9D0FF

#7E5BFF #D9D0FF

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

#7E5BFF - #D9D0FF | 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 #7E5BFF as 0% and #D9D0FF as 100%.

0.0%	0.0% #7E5BFF	RGB 126 91 255	#7E5BFF
16.7%	16.7% #8D6EFF	RGB 141 110 255	#8D6EFF
33.3%	33.3% #9C82FF	RGB 156 130 255	#9C82FF
50.0%	50.0% #AB95FF	RGB 171 149 255	#AB95FF
66.7%	66.7% #BAA9FF	RGB 186 169 255	#BAA9FF
83.3%	83.3% #C9BCFF	RGB 201 188 255	#C9BCFF
100.0%	100.0% #D9D0FF	RGB 217 208 255	#D9D0FF

#7E5BFF #8D6EFF #9C82FF #AB95FF #BAA9FF #C9BCFF #D9D0FF

#7E5BFF - #D9D0FF

HSV Blend

#7E5BFF - #D9D0FF | 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 #7E5BFF as 0% and #D9D0FF as 100%.

0.0%	0.0% #7D5BFF	RGB 125 91 255	#7D5BFF
16.7%	16.7% #8C6EFF	RGB 140 110 255	#8C6EFF
33.3%	33.3% #9B82FF	RGB 155 130 255	#9B82FF
50.0%	50.0% #AA95FF	RGB 170 149 255	#AA95FF
66.7%	66.7% #BAA9FF	RGB 186 169 255	#BAA9FF
83.3%	83.3% #C9BCFF	RGB 201 188 255	#C9BCFF
100.0%	100.0% #D9D0FF	RGB 217 208 255	#D9D0FF

#7D5BFF #8C6EFF #9B82FF #AA95FF #BAA9FF #C9BCFF #D9D0FF

#7E5BFF - #AA95FF - #D9D0FF

CSS codes

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

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