#5E6069 - #B8A087 | 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 #5E6069 to #B8A087

#5E6069 #B8A087

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

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

0.0%	0.0% #5E6069	RGB 94 96 105	#5E6069
16.7%	16.7% #6D6A6E	RGB 109 106 110	#6D6A6E
33.3%	33.3% #7C7573	RGB 124 117 115	#7C7573
50.0%	50.0% #8B8078	RGB 139 128 120	#8B8078
66.7%	66.7% #9A8A7D	RGB 154 138 125	#9A8A7D
83.3%	83.3% #A99582	RGB 169 149 130	#A99582
100.0%	100.0% #B8A087	RGB 184 160 135	#B8A087

#5E6069 #6D6A6E #7C7573 #8B8078 #9A8A7D #A99582 #B8A087

#5E6069 - #B8A087

HSV Blend

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

0.0%	0.0% #5E6069	RGB 94 96 105	#5E6069
16.7%	16.7% #6A6676	RGB 106 102 118	#6A6676
33.3%	33.3% #7D6E83	RGB 125 110 131	#7D6E83
50.0%	50.0% #90758C	RGB 144 117 140	#90758C
66.7%	66.7% #9D7C89	RGB 157 124 137	#9D7C89
83.3%	83.3% #AA8481	RGB 170 132 129	#AA8481
100.0%	100.0% #B8A087	RGB 184 160 135	#B8A087

#5E6069 #6A6676 #7D6E83 #90758C #9D7C89 #AA8481 #B8A087

#5E6069 - #90758C - #B8A087

CSS codes

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

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