#6D5E7A - #D6D1D9 | 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 #6D5E7A to #D6D1D9

#6D5E7A #D6D1D9

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

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

0.0%	0.0% #6D5E7A	RGB 109 94 122	#6D5E7A
16.7%	16.7% #7E7189	RGB 126 113 137	#7E7189
33.3%	33.3% #908499	RGB 144 132 153	#908499
50.0%	50.0% #A197A9	RGB 161 151 169	#A197A9
66.7%	66.7% #B3AAB9	RGB 179 170 185	#B3AAB9
83.3%	83.3% #C4BDC9	RGB 196 189 201	#C4BDC9
100.0%	100.0% #D6D1D9	RGB 214 209 217	#D6D1D9

#6D5E7A #7E7189 #908499 #A197A9 #B3AAB9 #C4BDC9 #D6D1D9

#6D5E7A - #D6D1D9

HSV Blend

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

0.0%	0.0% #6D5E7A	RGB 109 94 122	#6D5E7A
16.7%	16.7% #7D6E89	RGB 125 110 137	#7D6E89
33.3%	33.3% #8E8099	RGB 142 128 153	#8E8099
50.0%	50.0% #A092A9	RGB 160 146 169	#A092A9
66.7%	66.7% #B1A6B9	RGB 177 166 185	#B1A6B9
83.3%	83.3% #C3BBC9	RGB 195 187 201	#C3BBC9
100.0%	100.0% #D6D1D9	RGB 214 209 217	#D6D1D9

#6D5E7A #7D6E89 #8E8099 #A092A9 #B1A6B9 #C3BBC9 #D6D1D9

#6D5E7A - #A092A9 - #D6D1D9

CSS codes

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

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