#6D5E6B - #D5D1D4 | 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 #6D5E6B to #D5D1D4

#6D5E6B #D5D1D4

Calculate the color between two colors, #6D5E6B and #D5D1D4. 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)

#6D5E6B - #D5D1D4 | 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 #6D5E6B as 0% and #D5D1D4 as 100%.

0.0%	0.0% #6D5E6B	RGB 109 94 107	#6D5E6B
16.7%	16.7% #7E717C	RGB 126 113 124	#7E717C
33.3%	33.3% #8F848E	RGB 143 132 142	#8F848E
50.0%	50.0% #A1979F	RGB 161 151 159	#A1979F
66.7%	66.7% #B2AAB1	RGB 178 170 177	#B2AAB1
83.3%	83.3% #C3BDC2	RGB 195 189 194	#C3BDC2
100.0%	100.0% #D5D1D4	RGB 213 209 212	#D5D1D4

#6D5E6B #7E717C #8F848E #A1979F #B2AAB1 #C3BDC2 #D5D1D4

#6D5E6B - #D5D1D4

HSV Blend

#6D5E6B - #D5D1D4 | 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 #6D5E6B as 0% and #D5D1D4 as 100%.

0.0%	0.0% #6D5E6B	RGB 109 94 107	#6D5E6B
16.7%	16.7% #7E6F7C	RGB 126 111 124	#7E6F7C
33.3%	33.3% #8F818D	RGB 143 129 141	#8F818D
50.0%	50.0% #A1949E	RGB 161 148 158	#A1949E
66.7%	66.7% #B2A7B0	RGB 178 167 176	#B2A7B0
83.3%	83.3% #C3BCC1	RGB 195 188 193	#C3BCC1
100.0%	100.0% #D5D1D4	RGB 213 209 212	#D5D1D4

#6D5E6B #7E6F7C #8F818D #A1949E #B2A7B0 #C3BCC1 #D5D1D4

#6D5E6B - #A1949E - #D5D1D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5E6B 0%, #A1949E 50%, #D5D1D4 100%);
    background: -webkit-linear-gradient(top, #6D5E6B 0%, #A1949E 50%, #D5D1D4 100%);
    background: linear-gradient(to bottom, #6D5E6B 0%, #A1949E 50%, #D5D1D4 100%);
}
</style>