#5E4F62 - #D1CCD2 | 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 #5E4F62 to #D1CCD2

#5E4F62 #D1CCD2

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

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

0.0%	0.0% #5E4F62	RGB 94 79 98	#5E4F62
16.7%	16.7% #716374	RGB 113 99 116	#716374
33.3%	33.3% #847887	RGB 132 120 135	#847887
50.0%	50.0% #978D9A	RGB 151 141 154	#978D9A
66.7%	66.7% #AAA2AC	RGB 170 162 172	#AAA2AC
83.3%	83.3% #BDB7BF	RGB 189 183 191	#BDB7BF
100.0%	100.0% #D1CCD2	RGB 209 204 210	#D1CCD2

#5E4F62 #716374 #847887 #978D9A #AAA2AC #BDB7BF #D1CCD2

#5E4F62 - #D1CCD2

HSV Blend

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

0.0%	0.0% #5E4F62	RGB 94 79 98	#5E4F62
16.7%	16.7% #706174	RGB 112 97 116	#706174
33.3%	33.3% #837487	RGB 131 116 135	#837487
50.0%	50.0% #96889A	RGB 150 136 154	#96889A
66.7%	66.7% #AA9EAC	RGB 170 158 172	#AA9EAC
83.3%	83.3% #BDB4BF	RGB 189 180 191	#BDB4BF
100.0%	100.0% #D1CCD2	RGB 209 204 210	#D1CCD2

#5E4F62 #706174 #837487 #96889A #AA9EAC #BDB4BF #D1CCD2

#5E4F62 - #96889A - #D1CCD2

CSS codes

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

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