#5E4747 - #CE9272 | 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 #5E4747 to #CE9272

#5E4747 #CE9272

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

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

0.0%	0.0% #5E4747	RGB 94 71 71	#5E4747
16.7%	16.7% #70534E	RGB 112 83 78	#70534E
33.3%	33.3% #836055	RGB 131 96 85	#836055
50.0%	50.0% #966C5C	RGB 150 108 92	#966C5C
66.7%	66.7% #A87963	RGB 168 121 99	#A87963
83.3%	83.3% #BB856A	RGB 187 133 106	#BB856A
100.0%	100.0% #CE9272	RGB 206 146 114	#CE9272

#5E4747 #70534E #836055 #966C5C #A87963 #BB856A #CE9272

#5E4747 - #CE9272

HSV Blend

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

0.0%	0.0% #5E4747	RGB 94 71 71	#5E4747
16.7%	16.7% #705351	RGB 112 83 81	#705351
33.3%	33.3% #835F5A	RGB 131 95 90	#835F5A
50.0%	50.0% #966B62	RGB 150 107 98	#966B62
66.7%	66.7% #A87768	RGB 168 119 104	#A87768
83.3%	83.3% #BB846D	RGB 187 132 109	#BB846D
100.0%	100.0% #CE9272	RGB 206 146 114	#CE9272

#5E4747 #705351 #835F5A #966B62 #A87768 #BB846D #CE9272

#5E4747 - #966B62 - #CE9272

CSS codes

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

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