#5E555B - #DB788C | 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 #5E555B to #DB788C

#5E555B #DB788C

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

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

0.0%	0.0% #5E555B	RGB 94 85 91	#5E555B
16.7%	16.7% #725A63	RGB 114 90 99	#725A63
33.3%	33.3% #87606B	RGB 135 96 107	#87606B
50.0%	50.0% #9C6673	RGB 156 102 115	#9C6673
66.7%	66.7% #B16C7B	RGB 177 108 123	#B16C7B
83.3%	83.3% #C67283	RGB 198 114 131	#C67283
100.0%	100.0% #DB788C	RGB 219 120 140	#DB788C

#5E555B #725A63 #87606B #9C6673 #B16C7B #C67283 #DB788C

#5E555B - #DB788C

HSV Blend

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

0.0%	0.0% #5E555B	RGB 94 85 91	#5E555B
16.7%	16.7% #72616B	RGB 114 97 107	#72616B
33.3%	33.3% #876A79	RGB 135 106 121	#876A79
50.0%	50.0% #9C7184	RGB 156 113 132	#9C7184
66.7%	66.7% #B1768B	RGB 177 118 139	#B1768B
83.3%	83.3% #C6788E	RGB 198 120 142	#C6788E
100.0%	100.0% #DB788C	RGB 219 120 140	#DB788C

#5E555B #72616B #876A79 #9C7184 #B1768B #C6788E #DB788C

#5E555B - #9C7184 - #DB788C

CSS codes

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

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