#5E5559 - #DB8178 | 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 #5E5559 to #DB8178

#5E5559 #DB8178

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

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

0.0%	0.0% #5E5559	RGB 94 85 89	#5E5559
16.7%	16.7% #725C5E	RGB 114 92 94	#725C5E
33.3%	33.3% #876363	RGB 135 99 99	#876363
50.0%	50.0% #9C6B68	RGB 156 107 104	#9C6B68
66.7%	66.7% #B1726D	RGB 177 114 109	#B1726D
83.3%	83.3% #C67972	RGB 198 121 114	#C67972
100.0%	100.0% #DB8178	RGB 219 129 120	#DB8178

#5E5559 #725C5E #876363 #9C6B68 #B1726D #C67972 #DB8178

#5E5559 - #DB8178

HSV Blend

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

0.0%	0.0% #5E5559	RGB 94 85 89	#5E5559
16.7%	16.7% #726167	RGB 114 97 103	#726167
33.3%	33.3% #876A72	RGB 135 106 114	#876A72
50.0%	50.0% #9C7179	RGB 156 113 121	#9C7179
66.7%	66.7% #B1767B	RGB 177 118 123	#B1767B
83.3%	83.3% #C67878	RGB 198 120 120	#C67878
100.0%	100.0% #DB8178	RGB 219 129 120	#DB8178

#5E5559 #726167 #876A72 #9C7179 #B1767B #C67878 #DB8178

#5E5559 - #9C7179 - #DB8178

CSS codes

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

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