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

#6C5E7A #D6D1D9

Calculate the color between two colors, #6C5E7A 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)

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

0.0%	0.0% #6C5E7A	RGB 108 94 122	#6C5E7A
16.7%	16.7% #7D7189	RGB 125 113 137	#7D7189
33.3%	33.3% #8F8499	RGB 143 132 153	#8F8499
50.0%	50.0% #A197A9	RGB 161 151 169	#A197A9
66.7%	66.7% #B2AAB9	RGB 178 170 185	#B2AAB9
83.3%	83.3% #C4BDC9	RGB 196 189 201	#C4BDC9
100.0%	100.0% #D6D1D9	RGB 214 209 217	#D6D1D9

#6C5E7A #7D7189 #8F8499 #A197A9 #B2AAB9 #C4BDC9 #D6D1D9

#6C5E7A - #D6D1D9

HSV Blend

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

0.0%	0.0% #6C5E7A	RGB 108 94 122	#6C5E7A
16.7%	16.7% #7C6E89	RGB 124 110 137	#7C6E89
33.3%	33.3% #8E8099	RGB 142 128 153	#8E8099
50.0%	50.0% #9F92A9	RGB 159 146 169	#9F92A9
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

#6C5E7A #7C6E89 #8E8099 #9F92A9 #B1A6B9 #C3BBC9 #D6D1D9

#6C5E7A - #9F92A9 - #D6D1D9

CSS codes

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

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