#5E4F6E - #D1CCD5 | 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 #5E4F6E to #D1CCD5

#5E4F6E #D1CCD5

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

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

0.0%	0.0% #5E4F6E	RGB 94 79 110	#5E4F6E
16.7%	16.7% #71637F	RGB 113 99 127	#71637F
33.3%	33.3% #847890	RGB 132 120 144	#847890
50.0%	50.0% #978DA1	RGB 151 141 161	#978DA1
66.7%	66.7% #AAA2B2	RGB 170 162 178	#AAA2B2
83.3%	83.3% #BDB7C3	RGB 189 183 195	#BDB7C3
100.0%	100.0% #D1CCD5	RGB 209 204 213	#D1CCD5

#5E4F6E #71637F #847890 #978DA1 #AAA2B2 #BDB7C3 #D1CCD5

#5E4F6E - #D1CCD5

HSV Blend

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

0.0%	0.0% #5E4F6E	RGB 94 79 110	#5E4F6E
16.7%	16.7% #6F607F	RGB 111 96 127	#6F607F
33.3%	33.3% #817390	RGB 129 115 144	#817390
50.0%	50.0% #9487A1	RGB 148 135 161	#9487A1
66.7%	66.7% #A89CB2	RGB 168 156 178	#A89CB2
83.3%	83.3% #BCB3C3	RGB 188 179 195	#BCB3C3
100.0%	100.0% #D1CCD5	RGB 209 204 213	#D1CCD5

#5E4F6E #6F607F #817390 #9487A1 #A89CB2 #BCB3C3 #D1CCD5

#5E4F6E - #9487A1 - #D1CCD5

CSS codes

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

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