#5E6372 - #B9A491 | 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 #5E6372 to #B9A491

#5E6372 #B9A491

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

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

0.0%	0.0% #5E6372	RGB 94 99 114	#5E6372
16.7%	16.7% #6D6D77	RGB 109 109 119	#6D6D77
33.3%	33.3% #7C787C	RGB 124 120 124	#7C787C
50.0%	50.0% #8B8381	RGB 139 131 129	#8B8381
66.7%	66.7% #9A8E86	RGB 154 142 134	#9A8E86
83.3%	83.3% #A9998B	RGB 169 153 139	#A9998B
100.0%	100.0% #B9A491	RGB 185 164 145	#B9A491

#5E6372 #6D6D77 #7C787C #8B8381 #9A8E86 #A9998B #B9A491

#5E6372 - #B9A491

HSV Blend

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

0.0%	0.0% #5E6372	RGB 94 99 114	#5E6372
16.7%	16.7% #6B667D	RGB 107 102 125	#6B667D
33.3%	33.3% #806F89	RGB 128 111 137	#806F89
50.0%	50.0% #957892	RGB 149 120 146	#957892
66.7%	66.7% #A1808E	RGB 161 128 142	#A1808E
83.3%	83.3% #AD8988	RGB 173 137 136	#AD8988
100.0%	100.0% #B9A491	RGB 185 164 145	#B9A491

#5E6372 #6B667D #806F89 #957892 #A1808E #AD8988 #B9A491

#5E6372 - #957892 - #B9A491

CSS codes

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

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