#5E4A3D - #CE9262 | 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 #5E4A3D to #CE9262

#5E4A3D #CE9262

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

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

0.0%	0.0% #5E4A3D	RGB 94 74 61	#5E4A3D
16.7%	16.7% #705643	RGB 112 86 67	#705643
33.3%	33.3% #836249	RGB 131 98 73	#836249
50.0%	50.0% #966E4F	RGB 150 110 79	#966E4F
66.7%	66.7% #A87A55	RGB 168 122 85	#A87A55
83.3%	83.3% #BB865B	RGB 187 134 91	#BB865B
100.0%	100.0% #CE9262	RGB 206 146 98	#CE9262

#5E4A3D #705643 #836249 #966E4F #A87A55 #BB865B #CE9262

#5E4A3D - #CE9262

HSV Blend

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

0.0%	0.0% #5E4A3D	RGB 94 74 61	#5E4A3D
16.7%	16.7% #705745	RGB 112 87 69	#705745
33.3%	33.3% #83634D	RGB 131 99 77	#83634D
50.0%	50.0% #966F54	RGB 150 111 84	#966F54
66.7%	66.7% #A87B59	RGB 168 123 89	#A87B59
83.3%	83.3% #BB865E	RGB 187 134 94	#BB865E
100.0%	100.0% #CE9262	RGB 206 146 98	#CE9262

#5E4A3D #705745 #83634D #966F54 #A87B59 #BB865E #CE9262

#5E4A3D - #966F54 - #CE9262

CSS codes

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

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