#5E616A - #B9A189 | 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 #5E616A to #B9A189

#5E616A #B9A189

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

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

0.0%	0.0% #5E616A	RGB 94 97 106	#5E616A
16.7%	16.7% #6D6B6F	RGB 109 107 111	#6D6B6F
33.3%	33.3% #7C7674	RGB 124 118 116	#7C7674
50.0%	50.0% #8B8179	RGB 139 129 121	#8B8179
66.7%	66.7% #9A8B7E	RGB 154 139 126	#9A8B7E
83.3%	83.3% #A99683	RGB 169 150 131	#A99683
100.0%	100.0% #B9A189	RGB 185 161 137	#B9A189

#5E616A #6D6B6F #7C7674 #8B8179 #9A8B7E #A99683 #B9A189

#5E616A - #B9A189

HSV Blend

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

0.0%	0.0% #5E616A	RGB 94 97 106	#5E616A
16.7%	16.7% #6A6677	RGB 106 102 119	#6A6677
33.3%	33.3% #7D6E84	RGB 125 110 132	#7D6E84
50.0%	50.0% #91768E	RGB 145 118 142	#91768E
66.7%	66.7% #9E7D8B	RGB 158 125 139	#9E7D8B
83.3%	83.3% #AB8583	RGB 171 133 131	#AB8583
100.0%	100.0% #B9A189	RGB 185 161 137	#B9A189

#5E616A #6A6677 #7D6E84 #91768E #9E7D8B #AB8583 #B9A189

#5E616A - #91768E - #B9A189

CSS codes

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

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