#5E4D56 - #D374A0 | 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 #5E4D56 to #D374A0

#5E4D56 #D374A0

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

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

0.0%	0.0% #5E4D56	RGB 94 77 86	#5E4D56
16.7%	16.7% #715362	RGB 113 83 98	#715362
33.3%	33.3% #855A6E	RGB 133 90 110	#855A6E
50.0%	50.0% #98607B	RGB 152 96 123	#98607B
66.7%	66.7% #AC6787	RGB 172 103 135	#AC6787
83.3%	83.3% #BF6D93	RGB 191 109 147	#BF6D93
100.0%	100.0% #D374A0	RGB 211 116 160	#D374A0

#5E4D56 #715362 #855A6E #98607B #AC6787 #BF6D93 #D374A0

#5E4D56 - #D374A0

HSV Blend

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

0.0%	0.0% #5E4D56	RGB 94 77 86	#5E4D56
16.7%	16.7% #715765	RGB 113 87 101	#715765
33.3%	33.3% #856173	RGB 133 97 115	#856173
50.0%	50.0% #986880	RGB 152 104 128	#986880
66.7%	66.7% #AC6E8C	RGB 172 110 140	#AC6E8C
83.3%	83.3% #BF7196	RGB 191 113 150	#BF7196
100.0%	100.0% #D374A0	RGB 211 116 160	#D374A0

#5E4D56 #715765 #856173 #986880 #AC6E8C #BF7196 #D374A0

#5E4D56 - #986880 - #D374A0

CSS codes

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

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