#7B5DA3 - #D9D0E4 | 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 #7B5DA3 to #D9D0E4

#7B5DA3 #D9D0E4

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

#7B5DA3 - #D9D0E4 | 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 #7B5DA3 as 0% and #D9D0E4 as 100%.

0.0%	0.0% #7B5DA3	RGB 123 93 163	#7B5DA3
16.7%	16.7% #8A70AD	RGB 138 112 173	#8A70AD
33.3%	33.3% #9A83B8	RGB 154 131 184	#9A83B8
50.0%	50.0% #AA96C3	RGB 170 150 195	#AA96C3
66.7%	66.7% #B9A9CE	RGB 185 169 206	#B9A9CE
83.3%	83.3% #C9BCD9	RGB 201 188 217	#C9BCD9
100.0%	100.0% #D9D0E4	RGB 217 208 228	#D9D0E4

#7B5DA3 #8A70AD #9A83B8 #AA96C3 #B9A9CE #C9BCD9 #D9D0E4

#7B5DA3 - #D9D0E4

HSV Blend

#7B5DA3 - #D9D0E4 | 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 #7B5DA3 as 0% and #D9D0E4 as 100%.

0.0%	0.0% #7B5DA3	RGB 123 93 163	#7B5DA3
16.7%	16.7% #896DAD	RGB 137 109 173	#896DAD
33.3%	33.3% #977EB8	RGB 151 126 184	#977EB8
50.0%	50.0% #A790C3	RGB 167 144 195	#A790C3
66.7%	66.7% #B7A4CE	RGB 183 164 206	#B7A4CE
83.3%	83.3% #C7B9D9	RGB 199 185 217	#C7B9D9
100.0%	100.0% #D9D0E4	RGB 217 208 228	#D9D0E4

#7B5DA3 #896DAD #977EB8 #A790C3 #B7A4CE #C7B9D9 #D9D0E4

#7B5DA3 - #A790C3 - #D9D0E4

CSS codes

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

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