#7E726C - #DC8F96 | 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 #7E726C to #DC8F96

#7E726C #DC8F96

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

#7E726C - #DC8F96 | 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 #7E726C as 0% and #DC8F96 as 100%.

0.0%	0.0% #7E726C	RGB 126 114 108	#7E726C
16.7%	16.7% #8D7673	RGB 141 118 115	#8D7673
33.3%	33.3% #9D7B7A	RGB 157 123 122	#9D7B7A
50.0%	50.0% #AD8081	RGB 173 128 129	#AD8081
66.7%	66.7% #BC8588	RGB 188 133 136	#BC8588
83.3%	83.3% #CC8A8F	RGB 204 138 143	#CC8A8F
100.0%	100.0% #DC8F96	RGB 220 143 150	#DC8F96

#7E726C #8D7673 #9D7B7A #AD8081 #BC8588 #CC8A8F #DC8F96

#7E726C - #DC8F96

HSV Blend

#7E726C - #DC8F96 | 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 #7E726C as 0% and #DC8F96 as 100%.

0.0%	0.0% #7E726C	RGB 126 114 108	#7E726C
16.7%	16.7% #8D7B74	RGB 141 123 116	#8D7B74
33.3%	33.3% #9D827B	RGB 157 130 123	#9D827B
50.0%	50.0% #AD8782	RGB 173 135 130	#AD8782
66.7%	66.7% #BC8A87	RGB 188 138 135	#BC8A87
83.3%	83.3% #CC8B8D	RGB 204 139 141	#CC8B8D
100.0%	100.0% #DC8F96	RGB 220 143 150	#DC8F96

#7E726C #8D7B74 #9D827B #AD8782 #BC8A87 #CC8B8D #DC8F96

#7E726C - #AD8782 - #DC8F96

CSS codes

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

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