#5E4245 - #CF8763 | 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 #5E4245 to #CF8763

#5E4245 #CF8763

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

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

0.0%	0.0% #5E4245	RGB 94 66 69	#5E4245
16.7%	16.7% #704D4A	RGB 112 77 74	#704D4A
33.3%	33.3% #83594F	RGB 131 89 79	#83594F
50.0%	50.0% #966454	RGB 150 100 84	#966454
66.7%	66.7% #A97059	RGB 169 112 89	#A97059
83.3%	83.3% #BC7B5E	RGB 188 123 94	#BC7B5E
100.0%	100.0% #CF8763	RGB 207 135 99	#CF8763

#5E4245 #704D4A #83594F #966454 #A97059 #BC7B5E #CF8763

#5E4245 - #CF8763

HSV Blend

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

0.0%	0.0% #5E4245	RGB 94 66 69	#5E4245
16.7%	16.7% #704B4C	RGB 112 75 76	#704B4C
33.3%	33.3% #835452	RGB 131 84 82	#835452
50.0%	50.0% #965F58	RGB 150 95 88	#965F58
66.7%	66.7% #A96B5D	RGB 169 107 93	#A96B5D
83.3%	83.3% #BC7861	RGB 188 120 97	#BC7861
100.0%	100.0% #CF8763	RGB 207 135 99	#CF8763

#5E4245 #704B4C #835452 #965F58 #A96B5D #BC7861 #CF8763

#5E4245 - #965F58 - #CF8763

CSS codes

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

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