#5E4346 - #CF8864 | 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 #5E4346 to #CF8864

#5E4346 #CF8864

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

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

0.0%	0.0% #5E4346	RGB 94 67 70	#5E4346
16.7%	16.7% #704E4B	RGB 112 78 75	#704E4B
33.3%	33.3% #835A50	RGB 131 90 80	#835A50
50.0%	50.0% #966555	RGB 150 101 85	#966555
66.7%	66.7% #A9715A	RGB 169 113 90	#A9715A
83.3%	83.3% #BC7C5F	RGB 188 124 95	#BC7C5F
100.0%	100.0% #CF8864	RGB 207 136 100	#CF8864

#5E4346 #704E4B #835A50 #966555 #A9715A #BC7C5F #CF8864

#5E4346 - #CF8864

HSV Blend

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

0.0%	0.0% #5E4346	RGB 94 67 70	#5E4346
16.7%	16.7% #704C4D	RGB 112 76 77	#704C4D
33.3%	33.3% #835553	RGB 131 85 83	#835553
50.0%	50.0% #966059	RGB 150 96 89	#966059
66.7%	66.7% #A96C5E	RGB 169 108 94	#A96C5E
83.3%	83.3% #BC7962	RGB 188 121 98	#BC7962
100.0%	100.0% #CF8864	RGB 207 136 100	#CF8864

#5E4346 #704C4D #835553 #966059 #A96C5E #BC7962 #CF8864

#5E4346 - #966059 - #CF8864

CSS codes

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

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