#9F7DC2 - #2D2337 | 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 #9F7DC2 to #2D2337

#9F7DC2 #2D2337

Calculate the color between two colors, #9F7DC2 and #2D2337. 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)

#9F7DC2 - #2D2337 | 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 #9F7DC2 as 0% and #2D2337 as 100%.

0.0%	0.0% #9F7DC2	RGB 159 125 194	#9F7DC2
16.7%	16.7% #8C6EAA	RGB 140 110 170	#8C6EAA
33.3%	33.3% #795F93	RGB 121 95 147	#795F93
50.0%	50.0% #66507C	RGB 102 80 124	#66507C
66.7%	66.7% #534165	RGB 83 65 101	#534165
83.3%	83.3% #40324E	RGB 64 50 78	#40324E
100.0%	100.0% #2D2337	RGB 45 35 55	#2D2337

#9F7DC2 #8C6EAA #795F93 #66507C #534165 #40324E #2D2337

#9F7DC2 - #2D2337

HSV Blend

#9F7DC2 - #2D2337 | 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 #9F7DC2 as 0% and #2D2337 as 100%.

0.0%	0.0% #9E7DC2	RGB 158 125 194	#9E7DC2
16.7%	16.7% #8B6DAA	RGB 139 109 170	#8B6DAA
33.3%	33.3% #785E93	RGB 120 94 147	#785E93
50.0%	50.0% #654F7C	RGB 101 79 124	#654F7C
66.7%	66.7% #524065	RGB 82 64 101	#524065
83.3%	83.3% #3F314E	RGB 63 49 78	#3F314E
100.0%	100.0% #2D2337	RGB 45 35 55	#2D2337

#9E7DC2 #8B6DAA #785E93 #654F7C #524065 #3F314E #2D2337

#9F7DC2 - #654F7C - #2D2337

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E7DC2 0%, #654F7C 50%, #2D2337 100%);
    background: -webkit-linear-gradient(top, #9E7DC2 0%, #654F7C 50%, #2D2337 100%);
    background: linear-gradient(to bottom, #9E7DC2 0%, #654F7C 50%, #2D2337 100%);
}
</style>