#C79B9C - #8C4B4E | 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 #C79B9C to #8C4B4E

#C79B9C #8C4B4E

Calculate the color between two colors, #C79B9C and #8C4B4E. 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)

#C79B9C - #8C4B4E | 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 #C79B9C as 0% and #8C4B4E as 100%.

0.0%	0.0% #C79B9C	RGB 199 155 156	#C79B9C
16.7%	16.7% #BD8D8F	RGB 189 141 143	#BD8D8F
33.3%	33.3% #B38082	RGB 179 128 130	#B38082
50.0%	50.0% #A97375	RGB 169 115 117	#A97375
66.7%	66.7% #9F6568	RGB 159 101 104	#9F6568
83.3%	83.3% #95585B	RGB 149 88 91	#95585B
100.0%	100.0% #8C4B4E	RGB 140 75 78	#8C4B4E

#C79B9C #BD8D8F #B38082 #A97375 #9F6568 #95585B #8C4B4E

#C79B9C - #8C4B4E

HSV Blend

#C79B9C - #8C4B4E | 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 #C79B9C as 0% and #8C4B4E as 100%.

0.0%	0.0% #C79B9C	RGB 199 155 156	#C79B9C
16.7%	16.7% #BD8B8C	RGB 189 139 140	#BD8B8C
33.3%	33.3% #B37D7E	RGB 179 125 126	#B37D7E
50.0%	50.0% #A96F71	RGB 169 111 113	#A96F71
66.7%	66.7% #9F6264	RGB 159 98 100	#9F6264
83.3%	83.3% #955659	RGB 149 86 89	#955659
100.0%	100.0% #8C4B4E	RGB 140 75 78	#8C4B4E

#C79B9C #BD8B8C #B37D7E #A96F71 #9F6264 #955659 #8C4B4E

#C79B9C - #A96F71 - #8C4B4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C79B9C 0%, #A96F71 50%, #8C4B4E 100%);
    background: -webkit-linear-gradient(top, #C79B9C 0%, #A96F71 50%, #8C4B4E 100%);
    background: linear-gradient(to bottom, #C79B9C 0%, #A96F71 50%, #8C4B4E 100%);
}
</style>