#9E5E90 - #6D0F3E | 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 #9E5E90 to #6D0F3E

#9E5E90 #6D0F3E

Calculate the color between two colors, #9E5E90 and #6D0F3E. 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)

#9E5E90 - #6D0F3E | 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 #9E5E90 as 0% and #6D0F3E as 100%.

0.0%	0.0% #9E5E90	RGB 158 94 144	#9E5E90
16.7%	16.7% #955082	RGB 149 80 130	#955082
33.3%	33.3% #8D4374	RGB 141 67 116	#8D4374
50.0%	50.0% #853667	RGB 133 54 103	#853667
66.7%	66.7% #7D2959	RGB 125 41 89	#7D2959
83.3%	83.3% #751C4B	RGB 117 28 75	#751C4B
100.0%	100.0% #6D0F3E	RGB 109 15 62	#6D0F3E

#9E5E90 #955082 #8D4374 #853667 #7D2959 #751C4B #6D0F3E

#9E5E90 - #6D0F3E

HSV Blend

#9E5E90 - #6D0F3E | 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 #9E5E90 as 0% and #6D0F3E as 100%.

0.0%	0.0% #9E5E8F	RGB 158 94 143	#9E5E8F
16.7%	16.7% #954D82	RGB 149 77 130	#954D82
33.3%	33.3% #8D3E74	RGB 141 62 116	#8D3E74
50.0%	50.0% #853067	RGB 133 48 103	#853067
66.7%	66.7% #7D2459	RGB 125 36 89	#7D2459
83.3%	83.3% #75194B	RGB 117 25 75	#75194B
100.0%	100.0% #6D0F3E	RGB 109 15 62	#6D0F3E

#9E5E8F #954D82 #8D3E74 #853067 #7D2459 #75194B #6D0F3E

#9E5E90 - #853067 - #6D0F3E

CSS codes

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

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