#5E5E60 - #B88A7C | 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 #5E5E60 to #B88A7C

#5E5E60 #B88A7C

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

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

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #6D6564	RGB 109 101 100	#6D6564
33.3%	33.3% #7C6C69	RGB 124 108 105	#7C6C69
50.0%	50.0% #8B746E	RGB 139 116 110	#8B746E
66.7%	66.7% #9A7B72	RGB 154 123 114	#9A7B72
83.3%	83.3% #A98277	RGB 169 130 119	#A98277
100.0%	100.0% #B88A7C	RGB 184 138 124	#B88A7C

#5E5E60 #6D6564 #7C6C69 #8B746E #9A7B72 #A98277 #B88A7C

#5E5E60 - #B88A7C

HSV Blend

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

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #69666E	RGB 105 102 110	#69666E
33.3%	33.3% #796D7D	RGB 121 109 125	#796D7D
50.0%	50.0% #8C7389	RGB 140 115 137	#8C7389
66.7%	66.7% #9A7789	RGB 154 119 137	#9A7789
83.3%	83.3% #A97A81	RGB 169 122 129	#A97A81
100.0%	100.0% #B88A7C	RGB 184 138 124	#B88A7C

#5E5E60 #69666E #796D7D #8C7389 #9A7789 #A97A81 #B88A7C

#5E5E60 - #8C7389 - #B88A7C

CSS codes

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

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