#616165 - #BA9F80 | 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 #616165 to #BA9F80

#616165 #BA9F80

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

#616165 - #BA9F80 | 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 #616165 as 0% and #BA9F80 as 100%.

0.0%	0.0% #616165	RGB 97 97 101	#616165
16.7%	16.7% #6F6B69	RGB 111 107 105	#6F6B69
33.3%	33.3% #7E756E	RGB 126 117 110	#7E756E
50.0%	50.0% #8D8072	RGB 141 128 114	#8D8072
66.7%	66.7% #9C8A77	RGB 156 138 119	#9C8A77
83.3%	83.3% #AB947B	RGB 171 148 123	#AB947B
100.0%	100.0% #BA9F80	RGB 186 159 128	#BA9F80

#616165 #6F6B69 #7E756E #8D8072 #9C8A77 #AB947B #BA9F80

#616165 - #BA9F80

HSV Blend

#616165 - #BA9F80 | 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 #616165 as 0% and #BA9F80 as 100%.

0.0%	0.0% #616165	RGB 97 97 101	#616165
16.7%	16.7% #6D6973	RGB 109 105 115	#6D6973
33.3%	33.3% #7E7081	RGB 126 112 129	#7E7081
50.0%	50.0% #8F7688	RGB 143 118 136	#8F7688
66.7%	66.7% #9D7A85	RGB 157 122 133	#9D7A85
83.3%	83.3% #AB837E	RGB 171 131 126	#AB837E
100.0%	100.0% #BA9F80	RGB 186 159 128	#BA9F80

#616165 #6D6973 #7E7081 #8F7688 #9D7A85 #AB837E #BA9F80

#616165 - #8F7688 - #BA9F80

CSS codes

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

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