#616167 - #BA9F82 | 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 #616167 to #BA9F82

#616167 #BA9F82

Calculate the color between two colors, #616167 and #BA9F82. 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)

#616167 - #BA9F82 | 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 #616167 as 0% and #BA9F82 as 100%.

0.0%	0.0% #616167	RGB 97 97 103	#616167
16.7%	16.7% #6F6B6B	RGB 111 107 107	#6F6B6B
33.3%	33.3% #7E7570	RGB 126 117 112	#7E7570
50.0%	50.0% #8D8074	RGB 141 128 116	#8D8074
66.7%	66.7% #9C8A79	RGB 156 138 121	#9C8A79
83.3%	83.3% #AB947D	RGB 171 148 125	#AB947D
100.0%	100.0% #BA9F82	RGB 186 159 130	#BA9F82

#616167 #6F6B6B #7E7570 #8D8074 #9C8A79 #AB947D #BA9F82

#616167 - #BA9F82

HSV Blend

#616167 - #BA9F82 | 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 #616167 as 0% and #BA9F82 as 100%.

0.0%	0.0% #616167	RGB 97 97 103	#616167
16.7%	16.7% #6E6974	RGB 110 105 116	#6E6974
33.3%	33.3% #7F7082	RGB 127 112 130	#7F7082
50.0%	50.0% #907689	RGB 144 118 137	#907689
66.7%	66.7% #9E7B86	RGB 158 123 134	#9E7B86
83.3%	83.3% #AC837F	RGB 172 131 127	#AC837F
100.0%	100.0% #BA9F82	RGB 186 159 130	#BA9F82

#616167 #6E6974 #7F7082 #907689 #9E7B86 #AC837F #BA9F82

#616167 - #907689 - #BA9F82

CSS codes

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

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