#9F7EB6 - #3F2868 | 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 #9F7EB6 to #3F2868

#9F7EB6 #3F2868

Calculate the color between two colors, #9F7EB6 and #3F2868. 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)

#9F7EB6 - #3F2868 | 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 #9F7EB6 as 0% and #3F2868 as 100%.

0.0%	0.0% #9F7EB6	RGB 159 126 182	#9F7EB6
16.7%	16.7% #8F6FA9	RGB 143 111 169	#8F6FA9
33.3%	33.3% #7F619C	RGB 127 97 156	#7F619C
50.0%	50.0% #6F538F	RGB 111 83 143	#6F538F
66.7%	66.7% #5F4482	RGB 95 68 130	#5F4482
83.3%	83.3% #4F3675	RGB 79 54 117	#4F3675
100.0%	100.0% #3F2868	RGB 63 40 104	#3F2868

#9F7EB6 #8F6FA9 #7F619C #6F538F #5F4482 #4F3675 #3F2868

#9F7EB6 - #3F2868

HSV Blend

#9F7EB6 - #3F2868 | 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 #9F7EB6 as 0% and #3F2868 as 100%.

0.0%	0.0% #9F7EB6	RGB 159 126 182	#9F7EB6
16.7%	16.7% #8D6CA9	RGB 141 108 169	#8D6CA9
33.3%	33.3% #7C5C9C	RGB 124 92 156	#7C5C9C
50.0%	50.0% #6C4D8F	RGB 108 77 143	#6C4D8F
66.7%	66.7% #5C3F82	RGB 92 63 130	#5C3F82
83.3%	83.3% #4D3375	RGB 77 51 117	#4D3375
100.0%	100.0% #3F2868	RGB 63 40 104	#3F2868

#9F7EB6 #8D6CA9 #7C5C9C #6C4D8F #5C3F82 #4D3375 #3F2868

#9F7EB6 - #6C4D8F - #3F2868

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F7EB6 0%, #6C4D8F 50%, #3F2868 100%);
    background: -webkit-linear-gradient(top, #9F7EB6 0%, #6C4D8F 50%, #3F2868 100%);
    background: linear-gradient(to bottom, #9F7EB6 0%, #6C4D8F 50%, #3F2868 100%);
}
</style>