#7B5EEB - #D9D1F9 | 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 #7B5EEB to #D9D1F9

#7B5EEB #D9D1F9

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

#7B5EEB - #D9D1F9 | 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 #7B5EEB as 0% and #D9D1F9 as 100%.

0.0%	0.0% #7B5EEB	RGB 123 94 235	#7B5EEB
16.7%	16.7% #8A71ED	RGB 138 113 237	#8A71ED
33.3%	33.3% #9A84EF	RGB 154 132 239	#9A84EF
50.0%	50.0% #AA97F2	RGB 170 151 242	#AA97F2
66.7%	66.7% #B9AAF4	RGB 185 170 244	#B9AAF4
83.3%	83.3% #C9BDF6	RGB 201 189 246	#C9BDF6
100.0%	100.0% #D9D1F9	RGB 217 209 249	#D9D1F9

#7B5EEB #8A71ED #9A84EF #AA97F2 #B9AAF4 #C9BDF6 #D9D1F9

#7B5EEB - #D9D1F9

HSV Blend

#7B5EEB - #D9D1F9 | 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 #7B5EEB as 0% and #D9D1F9 as 100%.

0.0%	0.0% #7A5EEB	RGB 122 94 235	#7A5EEB
16.7%	16.7% #8970ED	RGB 137 112 237	#8970ED
33.3%	33.3% #9982EF	RGB 153 130 239	#9982EF
50.0%	50.0% #A895F2	RGB 168 149 242	#A895F2
66.7%	66.7% #B8A9F4	RGB 184 169 244	#B8A9F4
83.3%	83.3% #C8BCF6	RGB 200 188 246	#C8BCF6
100.0%	100.0% #D9D1F9	RGB 217 209 249	#D9D1F9

#7A5EEB #8970ED #9982EF #A895F2 #B8A9F4 #C8BCF6 #D9D1F9

#7B5EEB - #A895F2 - #D9D1F9

CSS codes

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

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