#5E313B - #C57258 | 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 #5E313B to #C57258

#5E313B #C57258

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

#5E313B - #C57258 | 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 #5E313B as 0% and #C57258 as 100%.

0.0%	0.0% #5E313B	RGB 94 49 59	#5E313B
16.7%	16.7% #6F3B3F	RGB 111 59 63	#6F3B3F
33.3%	33.3% #804644	RGB 128 70 68	#804644
50.0%	50.0% #915149	RGB 145 81 73	#915149
66.7%	66.7% #A25C4E	RGB 162 92 78	#A25C4E
83.3%	83.3% #B36753	RGB 179 103 83	#B36753
100.0%	100.0% #C57258	RGB 197 114 88	#C57258

#5E313B #6F3B3F #804644 #915149 #A25C4E #B36753 #C57258

#5E313B - #C57258

HSV Blend

#5E313B - #C57258 | 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 #5E313B as 0% and #C57258 as 100%.

0.0%	0.0% #5E313A	RGB 94 49 58	#5E313A
16.7%	16.7% #6F3840	RGB 111 56 64	#6F3840
33.3%	33.3% #803F44	RGB 128 63 68	#803F44
50.0%	50.0% #914746	RGB 145 71 70	#914746
66.7%	66.7% #A2544C	RGB 162 84 76	#A2544C
83.3%	83.3% #B36252	RGB 179 98 82	#B36252
100.0%	100.0% #C57258	RGB 197 114 88	#C57258

#5E313A #6F3840 #803F44 #914746 #A2544C #B36252 #C57258

#5E313B - #914746 - #C57258

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E313A 0%, #914746 50%, #C57258 100%);
    background: -webkit-linear-gradient(top, #5E313A 0%, #914746 50%, #C57258 100%);
    background: linear-gradient(to bottom, #5E313A 0%, #914746 50%, #C57258 100%);
}
</style>