#9F5E74 - #67142E | 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 #9F5E74 to #67142E

#9F5E74 #67142E

Calculate the color between two colors, #9F5E74 and #67142E. 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)

#9F5E74 - #67142E | 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 #9F5E74 as 0% and #67142E as 100%.

0.0%	0.0% #9F5E74	RGB 159 94 116	#9F5E74
16.7%	16.7% #955168	RGB 149 81 104	#955168
33.3%	33.3% #8C455C	RGB 140 69 92	#8C455C
50.0%	50.0% #833951	RGB 131 57 81	#833951
66.7%	66.7% #792C45	RGB 121 44 69	#792C45
83.3%	83.3% #702039	RGB 112 32 57	#702039
100.0%	100.0% #67142E	RGB 103 20 46	#67142E

#9F5E74 #955168 #8C455C #833951 #792C45 #702039 #67142E

#9F5E74 - #67142E

HSV Blend

#9F5E74 - #67142E | 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 #9F5E74 as 0% and #67142E as 100%.

0.0%	0.0% #9F5E74	RGB 159 94 116	#9F5E74
16.7%	16.7% #954E66	RGB 149 78 102	#954E66
33.3%	33.3% #8C4059	RGB 140 64 89	#8C4059
50.0%	50.0% #83334D	RGB 131 51 77	#83334D
66.7%	66.7% #792742	RGB 121 39 66	#792742
83.3%	83.3% #701D37	RGB 112 29 55	#701D37
100.0%	100.0% #67142E	RGB 103 20 46	#67142E

#9F5E74 #954E66 #8C4059 #83334D #792742 #701D37 #67142E

#9F5E74 - #83334D - #67142E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5E74 0%, #83334D 50%, #67142E 100%);
    background: -webkit-linear-gradient(top, #9F5E74 0%, #83334D 50%, #67142E 100%);
    background: linear-gradient(to bottom, #9F5E74 0%, #83334D 50%, #67142E 100%);
}
</style>