#5E4246 - #CF8764 | 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 #5E4246 to #CF8764

#5E4246 #CF8764

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

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

0.0%	0.0% #5E4246	RGB 94 66 70	#5E4246
16.7%	16.7% #704D4B	RGB 112 77 75	#704D4B
33.3%	33.3% #835950	RGB 131 89 80	#835950
50.0%	50.0% #966455	RGB 150 100 85	#966455
66.7%	66.7% #A9705A	RGB 169 112 90	#A9705A
83.3%	83.3% #BC7B5F	RGB 188 123 95	#BC7B5F
100.0%	100.0% #CF8764	RGB 207 135 100	#CF8764

#5E4246 #704D4B #835950 #966455 #A9705A #BC7B5F #CF8764

#5E4246 - #CF8764

HSV Blend

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

0.0%	0.0% #5E4246	RGB 94 66 70	#5E4246
16.7%	16.7% #704B4D	RGB 112 75 77	#704B4D
33.3%	33.3% #835352	RGB 131 83 82	#835352
50.0%	50.0% #965E59	RGB 150 94 89	#965E59
66.7%	66.7% #A96A5E	RGB 169 106 94	#A96A5E
83.3%	83.3% #BC7861	RGB 188 120 97	#BC7861
100.0%	100.0% #CF8764	RGB 207 135 100	#CF8764

#5E4246 #704B4D #835352 #965E59 #A96A5E #BC7861 #CF8764

#5E4246 - #965E59 - #CF8764

CSS codes

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

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