#D9A2D9 - #7F3F96 | 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 #D9A2D9 to #7F3F96

#D9A2D9 #7F3F96

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

#D9A2D9 - #7F3F96 | 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 #D9A2D9 as 0% and #7F3F96 as 100%.

0.0%	0.0% #D9A2D9	RGB 217 162 217	#D9A2D9
16.7%	16.7% #CA91CD	RGB 202 145 205	#CA91CD
33.3%	33.3% #BB81C2	RGB 187 129 194	#BB81C2
50.0%	50.0% #AC70B7	RGB 172 112 183	#AC70B7
66.7%	66.7% #9D60AC	RGB 157 96 172	#9D60AC
83.3%	83.3% #8E4FA1	RGB 142 79 161	#8E4FA1
100.0%	100.0% #7F3F96	RGB 127 63 150	#7F3F96

#D9A2D9 #CA91CD #BB81C2 #AC70B7 #9D60AC #8E4FA1 #7F3F96

#D9A2D9 - #7F3F96

HSV Blend

#D9A2D9 - #7F3F96 | 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 #D9A2D9 as 0% and #7F3F96 as 100%.

0.0%	0.0% #D9A2D9	RGB 217 162 217	#D9A2D9
16.7%	16.7% #CB8ECD	RGB 203 142 205	#CB8ECD
33.3%	33.3% #BC7CC2	RGB 188 124 194	#BC7CC2
50.0%	50.0% #AD6BB7	RGB 173 107 183	#AD6BB7
66.7%	66.7% #9E5BAC	RGB 158 91 172	#9E5BAC
83.3%	83.3% #8E4CA1	RGB 142 76 161	#8E4CA1
100.0%	100.0% #7F3F96	RGB 127 63 150	#7F3F96

#D9A2D9 #CB8ECD #BC7CC2 #AD6BB7 #9E5BAC #8E4CA1 #7F3F96

#D9A2D9 - #AD6BB7 - #7F3F96

CSS codes

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

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