#7A5E9F - #D9D1E3 | 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 #7A5E9F to #D9D1E3

#7A5E9F #D9D1E3

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

#7A5E9F - #D9D1E3 | 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 #7A5E9F as 0% and #D9D1E3 as 100%.

0.0%	0.0% #7A5E9F	RGB 122 94 159	#7A5E9F
16.7%	16.7% #8971AA	RGB 137 113 170	#8971AA
33.3%	33.3% #9984B5	RGB 153 132 181	#9984B5
50.0%	50.0% #A997C1	RGB 169 151 193	#A997C1
66.7%	66.7% #B9AACC	RGB 185 170 204	#B9AACC
83.3%	83.3% #C9BDD7	RGB 201 189 215	#C9BDD7
100.0%	100.0% #D9D1E3	RGB 217 209 227	#D9D1E3

#7A5E9F #8971AA #9984B5 #A997C1 #B9AACC #C9BDD7 #D9D1E3

#7A5E9F - #D9D1E3

HSV Blend

#7A5E9F - #D9D1E3 | 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 #7A5E9F as 0% and #D9D1E3 as 100%.

0.0%	0.0% #7A5E9F	RGB 122 94 159	#7A5E9F
16.7%	16.7% #886EAA	RGB 136 110 170	#886EAA
33.3%	33.3% #967FB5	RGB 150 127 181	#967FB5
50.0%	50.0% #A691C1	RGB 166 145 193	#A691C1
66.7%	66.7% #B6A5CC	RGB 182 165 204	#B6A5CC
83.3%	83.3% #C7BAD7	RGB 199 186 215	#C7BAD7
100.0%	100.0% #D9D1E3	RGB 217 209 227	#D9D1E3

#7A5E9F #886EAA #967FB5 #A691C1 #B6A5CC #C7BAD7 #D9D1E3

#7A5E9F - #A691C1 - #D9D1E3

CSS codes

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

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