#5E4E61 - #D1CCD1 | 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 #5E4E61 to #D1CCD1

#5E4E61 #D1CCD1

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

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

0.0%	0.0% #5E4E61	RGB 94 78 97	#5E4E61
16.7%	16.7% #716373	RGB 113 99 115	#716373
33.3%	33.3% #847886	RGB 132 120 134	#847886
50.0%	50.0% #978D99	RGB 151 141 153	#978D99
66.7%	66.7% #AAA2AB	RGB 170 162 171	#AAA2AB
83.3%	83.3% #BDB7BE	RGB 189 183 190	#BDB7BE
100.0%	100.0% #D1CCD1	RGB 209 204 209	#D1CCD1

#5E4E61 #716373 #847886 #978D99 #AAA2AB #BDB7BE #D1CCD1

#5E4E61 - #D1CCD1

HSV Blend

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

0.0%	0.0% #5E4E61	RGB 94 78 97	#5E4E61
16.7%	16.7% #716073	RGB 113 96 115	#716073
33.3%	33.3% #847386	RGB 132 115 134	#847386
50.0%	50.0% #978899	RGB 151 136 153	#978899
66.7%	66.7% #AA9DAB	RGB 170 157 171	#AA9DAB
83.3%	83.3% #BEB4BE	RGB 190 180 190	#BEB4BE
100.0%	100.0% #D1CCD1	RGB 209 204 209	#D1CCD1

#5E4E61 #716073 #847386 #978899 #AA9DAB #BEB4BE #D1CCD1

#5E4E61 - #978899 - #D1CCD1

CSS codes

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

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