#5F5E62 - #B7AD7E | 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 #5F5E62 to #B7AD7E

#5F5E62 #B7AD7E

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

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

0.0%	0.0% #5F5E62	RGB 95 94 98	#5F5E62
16.7%	16.7% #6D6B66	RGB 109 107 102	#6D6B66
33.3%	33.3% #7C786B	RGB 124 120 107	#7C786B
50.0%	50.0% #8B8570	RGB 139 133 112	#8B8570
66.7%	66.7% #999274	RGB 153 146 116	#999274
83.3%	83.3% #A89F79	RGB 168 159 121	#A89F79
100.0%	100.0% #B7AD7E	RGB 183 173 126	#B7AD7E

#5F5E62 #6D6B66 #7C786B #8B8570 #999274 #A89F79 #B7AD7E

#5F5E62 - #B7AD7E

HSV Blend

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

0.0%	0.0% #5F5E62	RGB 95 94 98	#5F5E62
16.7%	16.7% #6D6670	RGB 109 102 112	#6D6670
33.3%	33.3% #7E6D7C	RGB 126 109 124	#7E6D7C
50.0%	50.0% #8C737F	RGB 140 115 127	#8C737F
66.7%	66.7% #9A7879	RGB 154 120 121	#9A7879
83.3%	83.3% #A88D7B	RGB 168 141 123	#A88D7B
100.0%	100.0% #B7AD7E	RGB 183 173 126	#B7AD7E

#5F5E62 #6D6670 #7E6D7C #8C737F #9A7879 #A88D7B #B7AD7E

#5F5E62 - #8C737F - #B7AD7E

CSS codes

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

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