#7E6E7B - #DAD5D9 | 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 #7E6E7B to #DAD5D9

#7E6E7B #DAD5D9

Calculate the color between two colors, #7E6E7B and #DAD5D9. 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)

#7E6E7B - #DAD5D9 | 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 #7E6E7B as 0% and #DAD5D9 as 100%.

0.0%	0.0% #7E6E7B	RGB 126 110 123	#7E6E7B
16.7%	16.7% #8D7F8A	RGB 141 127 138	#8D7F8A
33.3%	33.3% #9C909A	RGB 156 144 154	#9C909A
50.0%	50.0% #ACA1AA	RGB 172 161 170	#ACA1AA
66.7%	66.7% #BBB2B9	RGB 187 178 185	#BBB2B9
83.3%	83.3% #CAC3C9	RGB 202 195 201	#CAC3C9
100.0%	100.0% #DAD5D9	RGB 218 213 217	#DAD5D9

#7E6E7B #8D7F8A #9C909A #ACA1AA #BBB2B9 #CAC3C9 #DAD5D9

#7E6E7B - #DAD5D9

HSV Blend

#7E6E7B - #DAD5D9 | 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 #7E6E7B as 0% and #DAD5D9 as 100%.

0.0%	0.0% #7E6E7B	RGB 126 110 123	#7E6E7B
16.7%	16.7% #8D7D8A	RGB 141 125 138	#8D7D8A
33.3%	33.3% #9C8E99	RGB 156 142 153	#9C8E99
50.0%	50.0% #AC9FA9	RGB 172 159 169	#AC9FA9
66.7%	66.7% #BBB0B9	RGB 187 176 185	#BBB0B9
83.3%	83.3% #CAC2C9	RGB 202 194 201	#CAC2C9
100.0%	100.0% #DAD5D9	RGB 218 213 217	#DAD5D9

#7E6E7B #8D7D8A #9C8E99 #AC9FA9 #BBB0B9 #CAC2C9 #DAD5D9

#7E6E7B - #AC9FA9 - #DAD5D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E6E7B 0%, #AC9FA9 50%, #DAD5D9 100%);
    background: -webkit-linear-gradient(top, #7E6E7B 0%, #AC9FA9 50%, #DAD5D9 100%);
    background: linear-gradient(to bottom, #7E6E7B 0%, #AC9FA9 50%, #DAD5D9 100%);
}
</style>