#5E3949 - #8C9491 | 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 #5E3949 to #8C9491

#5E3949 #8C9491

Calculate the color between two colors, #5E3949 and #8C9491. 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)

#5E3949 - #8C9491 | 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 #5E3949 as 0% and #8C9491 as 100%.

0.0%	0.0% #5E3949	RGB 94 57 73	#5E3949
16.7%	16.7% #654855	RGB 101 72 85	#654855
33.3%	33.3% #6D5761	RGB 109 87 97	#6D5761
50.0%	50.0% #75666D	RGB 117 102 109	#75666D
66.7%	66.7% #7C7579	RGB 124 117 121	#7C7579
83.3%	83.3% #848485	RGB 132 132 133	#848485
100.0%	100.0% #8C9491	RGB 140 148 145	#8C9491

#5E3949 #654855 #6D5761 #75666D #7C7579 #848485 #8C9491

#5E3949 - #8C9491

HSV Blend

#5E3949 - #8C9491 | 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 #5E3949 as 0% and #8C9491 as 100%.

0.0%	0.0% #5E3949	RGB 94 57 73	#5E3949
16.7%	16.7% #674464	RGB 103 68 100	#674464
33.3%	33.3% #635070	RGB 99 80 112	#635070
50.0%	50.0% #605D79	RGB 96 93 121	#605D79
66.7%	66.7% #6C7482	RGB 108 116 130	#6C7482
83.3%	83.3% #7B898B	RGB 123 137 139	#7B898B
100.0%	100.0% #8C9491	RGB 140 148 145	#8C9491

#5E3949 #674464 #635070 #605D79 #6C7482 #7B898B #8C9491

#5E3949 - #605D79 - #8C9491

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3949 0%, #605D79 50%, #8C9491 100%);
    background: -webkit-linear-gradient(top, #5E3949 0%, #605D79 50%, #8C9491 100%);
    background: linear-gradient(to bottom, #5E3949 0%, #605D79 50%, #8C9491 100%);
}
</style>