#5E5D4B - #A1738F | 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 #5E5D4B to #A1738F

#5E5D4B #A1738F

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

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

0.0%	0.0% #5E5D4B	RGB 94 93 75	#5E5D4B
16.7%	16.7% #696056	RGB 105 96 86	#696056
33.3%	33.3% #746461	RGB 116 100 97	#746461
50.0%	50.0% #7F686D	RGB 127 104 109	#7F686D
66.7%	66.7% #8A6B78	RGB 138 107 120	#8A6B78
83.3%	83.3% #956F83	RGB 149 111 131	#956F83
100.0%	100.0% #A1738F	RGB 161 115 143	#A1738F

#5E5D4B #696056 #746461 #7F686D #8A6B78 #956F83 #A1738F

#5E5D4B - #A1738F

HSV Blend

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

0.0%	0.0% #5E5D4B	RGB 94 93 75	#5E5D4B
16.7%	16.7% #696252	RGB 105 98 82	#696252
33.3%	33.3% #746559	RGB 116 101 89	#746559
50.0%	50.0% #7F6560	RGB 127 101 96	#7F6560
66.7%	66.7% #8A666A	RGB 138 102 106	#8A666A
83.3%	83.3% #956D7B	RGB 149 109 123	#956D7B
100.0%	100.0% #A1738F	RGB 161 115 143	#A1738F

#5E5D4B #696252 #746559 #7F6560 #8A666A #956D7B #A1738F

#5E5D4B - #7F6560 - #A1738F

CSS codes

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

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