#5E464B - #D46994 | 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 #5E464B to #D46994

#5E464B #D46994

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

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

0.0%	0.0% #5E464B	RGB 94 70 75	#5E464B
16.7%	16.7% #714B57	RGB 113 75 87	#714B57
33.3%	33.3% #855163	RGB 133 81 99	#855163
50.0%	50.0% #99576F	RGB 153 87 111	#99576F
66.7%	66.7% #AC5D7B	RGB 172 93 123	#AC5D7B
83.3%	83.3% #C06387	RGB 192 99 135	#C06387
100.0%	100.0% #D46994	RGB 212 105 148	#D46994

#5E464B #714B57 #855163 #99576F #AC5D7B #C06387 #D46994

#5E464B - #D46994

HSV Blend

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

0.0%	0.0% #5E464B	RGB 94 70 75	#5E464B
16.7%	16.7% #714F58	RGB 113 79 88	#714F58
33.3%	33.3% #855864	RGB 133 88 100	#855864
50.0%	50.0% #995E70	RGB 153 94 112	#995E70
66.7%	66.7% #AC637C	RGB 172 99 124	#AC637C
83.3%	83.3% #C06788	RGB 192 103 136	#C06788
100.0%	100.0% #D46994	RGB 212 105 148	#D46994

#5E464B #714F58 #855864 #995E70 #AC637C #C06788 #D46994

#5E464B - #995E70 - #D46994

CSS codes

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

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