#5E403F - #CEBD75 | 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 #5E403F to #CEBD75

#5E403F #CEBD75

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

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

0.0%	0.0% #5E403F	RGB 94 64 63	#5E403F
16.7%	16.7% #705448	RGB 112 84 72	#705448
33.3%	33.3% #836951	RGB 131 105 81	#836951
50.0%	50.0% #967E5A	RGB 150 126 90	#967E5A
66.7%	66.7% #A89363	RGB 168 147 99	#A89363
83.3%	83.3% #BBA86C	RGB 187 168 108	#BBA86C
100.0%	100.0% #CEBD75	RGB 206 189 117	#CEBD75

#5E403F #705448 #836951 #967E5A #A89363 #BBA86C #CEBD75

#5E403F - #CEBD75

HSV Blend

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

0.0%	0.0% #5E403F	RGB 94 64 63	#5E403F
16.7%	16.7% #704F49	RGB 112 79 73	#704F49
33.3%	33.3% #836153	RGB 131 97 83	#836153
50.0%	50.0% #96745C	RGB 150 116 92	#96745C
66.7%	66.7% #A88A65	RGB 168 138 101	#A88A65
83.3%	83.3% #BBA26D	RGB 187 162 109	#BBA26D
100.0%	100.0% #CEBD75	RGB 206 189 117	#CEBD75

#5E403F #704F49 #836153 #96745C #A88A65 #BBA26D #CEBD75

#5E403F - #96745C - #CEBD75

CSS codes

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

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