#6D5E6B - #D5D1D2 | 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 #D5D1D2

#6D5E6B #D5D1D2

Calculate the color between two colors, #6D5E6B and #D5D1D2. 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 - #D5D1D2 | 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 #D5D1D2 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% #8F848D	RGB 143 132 141	#8F848D
50.0%	50.0% #A1979E	RGB 161 151 158	#A1979E
66.7%	66.7% #B2AAAF	RGB 178 170 175	#B2AAAF
83.3%	83.3% #C3BDC0	RGB 195 189 192	#C3BDC0
100.0%	100.0% #D5D1D2	RGB 213 209 210	#D5D1D2

#6D5E6B #7E717C #8F848D #A1979E #B2AAAF #C3BDC0 #D5D1D2

#6D5E6B - #D5D1D2

HSV Blend

#6D5E6B - #D5D1D2 | 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 #D5D1D2 as 100%.

0.0%	0.0% #6D5E6B	RGB 109 94 107	#6D5E6B
16.7%	16.7% #7E6F7A	RGB 126 111 122	#7E6F7A
33.3%	33.3% #8F818A	RGB 143 129 138	#8F818A
50.0%	50.0% #A1949B	RGB 161 148 155	#A1949B
66.7%	66.7% #B2A7AC	RGB 178 167 172	#B2A7AC
83.3%	83.3% #C3BCBE	RGB 195 188 190	#C3BCBE
100.0%	100.0% #D5D1D2	RGB 213 209 210	#D5D1D2

#6D5E6B #7E6F7A #8F818A #A1949B #B2A7AC #C3BCBE #D5D1D2

#6D5E6B - #A1949B - #D5D1D2

CSS codes

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

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