#7A5B5B - #D9D0D0 | 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 #7A5B5B to #D9D0D0

#7A5B5B #D9D0D0

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

#7A5B5B - #D9D0D0 | 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 #7A5B5B as 0% and #D9D0D0 as 100%.

0.0%	0.0% #7A5B5B	RGB 122 91 91	#7A5B5B
16.7%	16.7% #896E6E	RGB 137 110 110	#896E6E
33.3%	33.3% #998282	RGB 153 130 130	#998282
50.0%	50.0% #A99595	RGB 169 149 149	#A99595
66.7%	66.7% #B9A9A9	RGB 185 169 169	#B9A9A9
83.3%	83.3% #C9BCBC	RGB 201 188 188	#C9BCBC
100.0%	100.0% #D9D0D0	RGB 217 208 208	#D9D0D0

#7A5B5B #896E6E #998282 #A99595 #B9A9A9 #C9BCBC #D9D0D0

#7A5B5B - #D9D0D0

HSV Blend

#7A5B5B - #D9D0D0 | 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 #7A5B5B as 0% and #D9D0D0 as 100%.

0.0%	0.0% #7A5B5B	RGB 122 91 91	#7A5B5B
16.7%	16.7% #896B6B	RGB 137 107 107	#896B6B
33.3%	33.3% #997D7D	RGB 153 125 125	#997D7D
50.0%	50.0% #A99090	RGB 169 144 144	#A99090
66.7%	66.7% #B9A4A4	RGB 185 164 164	#B9A4A4
83.3%	83.3% #C9B9B9	RGB 201 185 185	#C9B9B9
100.0%	100.0% #D9D0D0	RGB 217 208 208	#D9D0D0

#7A5B5B #896B6B #997D7D #A99090 #B9A4A4 #C9B9B9 #D9D0D0

#7A5B5B - #A99090 - #D9D0D0

CSS codes

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

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