#5E5E6A - #B9AF89 | 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 #5E5E6A to #B9AF89

#5E5E6A #B9AF89

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

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

0.0%	0.0% #5E5E6A	RGB 94 94 106	#5E5E6A
16.7%	16.7% #6D6B6F	RGB 109 107 111	#6D6B6F
33.3%	33.3% #7C7974	RGB 124 121 116	#7C7974
50.0%	50.0% #8B8679	RGB 139 134 121	#8B8679
66.7%	66.7% #9A947E	RGB 154 148 126	#9A947E
83.3%	83.3% #A9A183	RGB 169 161 131	#A9A183
100.0%	100.0% #B9AF89	RGB 185 175 137	#B9AF89

#5E5E6A #6D6B6F #7C7974 #8B8679 #9A947E #A9A183 #B9AF89

#5E5E6A - #B9AF89

HSV Blend

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

0.0%	0.0% #5E5E6A	RGB 94 94 106	#5E5E6A
16.7%	16.7% #6E6677	RGB 110 102 119	#6E6677
33.3%	33.3% #826E84	RGB 130 110 132	#826E84
50.0%	50.0% #917686	RGB 145 118 134	#917686
66.7%	66.7% #9E7D81	RGB 158 125 129	#9E7D81
83.3%	83.3% #AB9083	RGB 171 144 131	#AB9083
100.0%	100.0% #B9AF89	RGB 185 175 137	#B9AF89

#5E5E6A #6E6677 #826E84 #917686 #9E7D81 #AB9083 #B9AF89

#5E5E6A - #917686 - #B9AF89

CSS codes

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

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