#5E475D - #D5968A | 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 #5E475D to #D5968A

#5E475D #D5968A

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

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

0.0%	0.0% #5E475D	RGB 94 71 93	#5E475D
16.7%	16.7% #715464	RGB 113 84 100	#715464
33.3%	33.3% #85616C	RGB 133 97 108	#85616C
50.0%	50.0% #996E73	RGB 153 110 115	#996E73
66.7%	66.7% #AD7B7B	RGB 173 123 123	#AD7B7B
83.3%	83.3% #C18882	RGB 193 136 130	#C18882
100.0%	100.0% #D5968A	RGB 213 150 138	#D5968A

#5E475D #715464 #85616C #996E73 #AD7B7B #C18882 #D5968A

#5E475D - #D5968A

HSV Blend

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

0.0%	0.0% #5E475D	RGB 94 71 93	#5E475D
16.7%	16.7% #71536A	RGB 113 83 106	#71536A
33.3%	33.3% #856076	RGB 133 96 118	#856076
50.0%	50.0% #996B7D	RGB 153 107 125	#996B7D
66.7%	66.7% #AD7682	RGB 173 118 130	#AD7682
83.3%	83.3% #C18082	RGB 193 128 130	#C18082
100.0%	100.0% #D5968A	RGB 213 150 138	#D5968A

#5E475D #71536A #856076 #996B7D #AD7682 #C18082 #D5968A

#5E475D - #996B7D - #D5968A

CSS codes

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

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