#5E5E66 - #B7BD89 | 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 #5E5E66 to #B7BD89

#5E5E66 #B7BD89

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

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

0.0%	0.0% #5E5E66	RGB 94 94 102	#5E5E66
16.7%	16.7% #6C6D6B	RGB 108 109 107	#6C6D6B
33.3%	33.3% #7B7D71	RGB 123 125 113	#7B7D71
50.0%	50.0% #8A8D77	RGB 138 141 119	#8A8D77
66.7%	66.7% #999D7D	RGB 153 157 125	#999D7D
83.3%	83.3% #A8AD83	RGB 168 173 131	#A8AD83
100.0%	100.0% #B7BD89	RGB 183 189 137	#B7BD89

#5E5E66 #6C6D6B #7B7D71 #8A8D77 #999D7D #A8AD83 #B7BD89

#5E5E66 - #B7BD89

HSV Blend

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

0.0%	0.0% #5E5E66	RGB 94 94 102	#5E5E66
16.7%	16.7% #676D74	RGB 103 109 116	#676D74
33.3%	33.3% #708283	RGB 112 130 131	#708283
50.0%	50.0% #779186	RGB 119 145 134	#779186
66.7%	66.7% #7EA081	RGB 126 160 129	#7EA081
83.3%	83.3% #95AE84	RGB 149 174 132	#95AE84
100.0%	100.0% #B7BD89	RGB 183 189 137	#B7BD89

#5E5E66 #676D74 #708283 #779186 #7EA081 #95AE84 #B7BD89

#5E5E66 - #779186 - #B7BD89

CSS codes

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

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