#5E5446 - #CDC871 | 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 #5E5446 to #CDC871

#5E5446 #CDC871

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

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

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #70674D	RGB 112 103 77	#70674D
33.3%	33.3% #837A54	RGB 131 122 84	#837A54
50.0%	50.0% #958E5B	RGB 149 142 91	#958E5B
66.7%	66.7% #A8A162	RGB 168 161 98	#A8A162
83.3%	83.3% #BAB469	RGB 186 180 105	#BAB469
100.0%	100.0% #CDC871	RGB 205 200 113	#CDC871

#5E5446 #70674D #837A54 #958E5B #A8A162 #BAB469 #CDC871

#5E5446 - #CDC871

HSV Blend

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

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #706450	RGB 112 100 80	#706450
33.3%	33.3% #837659	RGB 131 118 89	#837659
50.0%	50.0% #958960	RGB 149 137 96	#958960
66.7%	66.7% #A89C67	RGB 168 156 103	#A89C67
83.3%	83.3% #BAB16C	RGB 186 177 108	#BAB16C
100.0%	100.0% #CDC871	RGB 205 200 113	#CDC871

#5E5446 #706450 #837659 #958960 #A89C67 #BAB16C #CDC871

#5E5446 - #958960 - #CDC871

CSS codes

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

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