#5E6169 - #BAA189 | 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 #5E6169 to #BAA189

#5E6169 #BAA189

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

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

0.0%	0.0% #5E6169	RGB 94 97 105	#5E6169
16.7%	16.7% #6D6B6E	RGB 109 107 110	#6D6B6E
33.3%	33.3% #7C7673	RGB 124 118 115	#7C7673
50.0%	50.0% #8C8179	RGB 140 129 121	#8C8179
66.7%	66.7% #9B8B7E	RGB 155 139 126	#9B8B7E
83.3%	83.3% #AA9683	RGB 170 150 131	#AA9683
100.0%	100.0% #BAA189	RGB 186 161 137	#BAA189

#5E6169 #6D6B6E #7C7673 #8C8179 #9B8B7E #AA9683 #BAA189

#5E6169 - #BAA189

HSV Blend

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

0.0%	0.0% #5E6169	RGB 94 97 105	#5E6169
16.7%	16.7% #696676	RGB 105 102 118	#696676
33.3%	33.3% #7C6F84	RGB 124 111 132	#7C6F84
50.0%	50.0% #91768E	RGB 145 118 142	#91768E
66.7%	66.7% #9F7D8B	RGB 159 125 139	#9F7D8B
83.3%	83.3% #AC8483	RGB 172 132 131	#AC8483
100.0%	100.0% #BAA189	RGB 186 161 137	#BAA189

#5E6169 #696676 #7C6F84 #91768E #9F7D8B #AC8483 #BAA189

#5E6169 - #91768E - #BAA189

CSS codes

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

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