#5E4C4D - #D4717E | 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 #5E4C4D to #D4717E

#5E4C4D #D4717E

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

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

0.0%	0.0% #5E4C4D	RGB 94 76 77	#5E4C4D
16.7%	16.7% #715255	RGB 113 82 85	#715255
33.3%	33.3% #85585D	RGB 133 88 93	#85585D
50.0%	50.0% #995E65	RGB 153 94 101	#995E65
66.7%	66.7% #AC646D	RGB 172 100 109	#AC646D
83.3%	83.3% #C06A75	RGB 192 106 117	#C06A75
100.0%	100.0% #D4717E	RGB 212 113 126	#D4717E

#5E4C4D #715255 #85585D #995E65 #AC646D #C06A75 #D4717E

#5E4C4D - #D4717E

HSV Blend

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

0.0%	0.0% #5E4C4D	RGB 94 76 77	#5E4C4D
16.7%	16.7% #715658	RGB 113 86 88	#715658
33.3%	33.3% #855F62	RGB 133 95 98	#855F62
50.0%	50.0% #99666B	RGB 153 102 107	#99666B
66.7%	66.7% #AC6B72	RGB 172 107 114	#AC6B72
83.3%	83.3% #C06F78	RGB 192 111 120	#C06F78
100.0%	100.0% #D4717E	RGB 212 113 126	#D4717E

#5E4C4D #715658 #855F62 #99666B #AC6B72 #C06F78 #D4717E

#5E4C4D - #99666B - #D4717E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4C4D 0%, #99666B 50%, #D4717E 100%);
    background: -webkit-linear-gradient(top, #5E4C4D 0%, #99666B 50%, #D4717E 100%);
    background: linear-gradient(to bottom, #5E4C4D 0%, #99666B 50%, #D4717E 100%);
}
</style>