#7B5DB3 - #D9D0E9 | 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 #7B5DB3 to #D9D0E9

#7B5DB3 #D9D0E9

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

#7B5DB3 - #D9D0E9 | 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 #7B5DB3 as 0% and #D9D0E9 as 100%.

0.0%	0.0% #7B5DB3	RGB 123 93 179	#7B5DB3
16.7%	16.7% #8A70BC	RGB 138 112 188	#8A70BC
33.3%	33.3% #9A83C5	RGB 154 131 197	#9A83C5
50.0%	50.0% #AA96CE	RGB 170 150 206	#AA96CE
66.7%	66.7% #B9A9D7	RGB 185 169 215	#B9A9D7
83.3%	83.3% #C9BCE0	RGB 201 188 224	#C9BCE0
100.0%	100.0% #D9D0E9	RGB 217 208 233	#D9D0E9

#7B5DB3 #8A70BC #9A83C5 #AA96CE #B9A9D7 #C9BCE0 #D9D0E9

#7B5DB3 - #D9D0E9

HSV Blend

#7B5DB3 - #D9D0E9 | 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 #7B5DB3 as 0% and #D9D0E9 as 100%.

0.0%	0.0% #7A5DB3	RGB 122 93 179	#7A5DB3
16.7%	16.7% #886DBC	RGB 136 109 188	#886DBC
33.3%	33.3% #977EC5	RGB 151 126 197	#977EC5
50.0%	50.0% #A691CE	RGB 166 145 206	#A691CE
66.7%	66.7% #B6A5D7	RGB 182 165 215	#B6A5D7
83.3%	83.3% #C7BAE0	RGB 199 186 224	#C7BAE0
100.0%	100.0% #D9D0E9	RGB 217 208 233	#D9D0E9

#7A5DB3 #886DBC #977EC5 #A691CE #B6A5D7 #C7BAE0 #D9D0E9

#7B5DB3 - #A691CE - #D9D0E9

CSS codes

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

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