#5E5334 - #CDB056 | 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 #5E5334 to #CDB056

#5E5334 #CDB056

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

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

0.0%	0.0% #5E5334	RGB 94 83 52	#5E5334
16.7%	16.7% #706239	RGB 112 98 57	#706239
33.3%	33.3% #83723F	RGB 131 114 63	#83723F
50.0%	50.0% #958145	RGB 149 129 69	#958145
66.7%	66.7% #A8914A	RGB 168 145 74	#A8914A
83.3%	83.3% #BAA050	RGB 186 160 80	#BAA050
100.0%	100.0% #CDB056	RGB 205 176 86	#CDB056

#5E5334 #706239 #83723F #958145 #A8914A #BAA050 #CDB056

#5E5334 - #CDB056

HSV Blend

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

0.0%	0.0% #5E5334	RGB 94 83 52	#5E5334
16.7%	16.7% #70623B	RGB 112 98 59	#70623B
33.3%	33.3% #837242	RGB 131 114 66	#837242
50.0%	50.0% #958248	RGB 149 130 72	#958248
66.7%	66.7% #A8914D	RGB 168 145 77	#A8914D
83.3%	83.3% #BAA052	RGB 186 160 82	#BAA052
100.0%	100.0% #CDB056	RGB 205 176 86	#CDB056

#5E5334 #70623B #837242 #958248 #A8914D #BAA052 #CDB056

#5E5334 - #958248 - #CDB056

CSS codes

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

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