#9F5E6F - #611D27 | 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 #9F5E6F to #611D27

#9F5E6F #611D27

Calculate the color between two colors, #9F5E6F and #611D27. 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)

#9F5E6F - #611D27 | 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 #9F5E6F as 0% and #611D27 as 100%.

0.0%	0.0% #9F5E6F	RGB 159 94 111	#9F5E6F
16.7%	16.7% #945363	RGB 148 83 99	#945363
33.3%	33.3% #8A4857	RGB 138 72 87	#8A4857
50.0%	50.0% #803D4B	RGB 128 61 75	#803D4B
66.7%	66.7% #75323F	RGB 117 50 63	#75323F
83.3%	83.3% #6B2733	RGB 107 39 51	#6B2733
100.0%	100.0% #611D27	RGB 97 29 39	#611D27

#9F5E6F #945363 #8A4857 #803D4B #75323F #6B2733 #611D27

#9F5E6F - #611D27

HSV Blend

#9F5E6F - #611D27 | 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 #9F5E6F as 0% and #611D27 as 100%.

0.0%	0.0% #9F5E6F	RGB 159 94 111	#9F5E6F
16.7%	16.7% #945061	RGB 148 80 97	#945061
33.3%	33.3% #8A4453	RGB 138 68 83	#8A4453
50.0%	50.0% #803847	RGB 128 56 71	#803847
66.7%	66.7% #752E3B	RGB 117 46 59	#752E3B
83.3%	83.3% #6B2530	RGB 107 37 48	#6B2530
100.0%	100.0% #611D27	RGB 97 29 39	#611D27

#9F5E6F #945061 #8A4453 #803847 #752E3B #6B2530 #611D27

#9F5E6F - #803847 - #611D27

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5E6F 0%, #803847 50%, #611D27 100%);
    background: -webkit-linear-gradient(top, #9F5E6F 0%, #803847 50%, #611D27 100%);
    background: linear-gradient(to bottom, #9F5E6F 0%, #803847 50%, #611D27 100%);
}
</style>