#5E505B - #D9807C | 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 #5E505B to #D9807C

#5E505B #D9807C

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

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

0.0%	0.0% #5E505B	RGB 94 80 91	#5E505B
16.7%	16.7% #725860	RGB 114 88 96	#725860
33.3%	33.3% #876066	RGB 135 96 102	#876066
50.0%	50.0% #9B686B	RGB 155 104 107	#9B686B
66.7%	66.7% #B07071	RGB 176 112 113	#B07071
83.3%	83.3% #C47876	RGB 196 120 118	#C47876
100.0%	100.0% #D9807C	RGB 217 128 124	#D9807C

#5E505B #725860 #876066 #9B686B #B07071 #C47876 #D9807C

#5E505B - #D9807C

HSV Blend

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

0.0%	0.0% #5E505B	RGB 94 80 91	#5E505B
16.7%	16.7% #725C6A	RGB 114 92 106	#725C6A
33.3%	33.3% #876676	RGB 135 102 118	#876676
50.0%	50.0% #9B6E7F	RGB 155 110 127	#9B6E7F
66.7%	66.7% #B07482	RGB 176 116 130	#B07482
83.3%	83.3% #C47980	RGB 196 121 128	#C47980
100.0%	100.0% #D9807C	RGB 217 128 124	#D9807C

#5E505B #725C6A #876676 #9B6E7F #B07482 #C47980 #D9807C

#5E505B - #9B6E7F - #D9807C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E505B 0%, #9B6E7F 50%, #D9807C 100%);
    background: -webkit-linear-gradient(top, #5E505B 0%, #9B6E7F 50%, #D9807C 100%);
    background: linear-gradient(to bottom, #5E505B 0%, #9B6E7F 50%, #D9807C 100%);
}
</style>