#C88B8C - #8A3C3F | 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 #C88B8C to #8A3C3F

#C88B8C #8A3C3F

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

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

0.0%	0.0% #C88B8C	RGB 200 139 140	#C88B8C
16.7%	16.7% #BD7D7F	RGB 189 125 127	#BD7D7F
33.3%	33.3% #B37072	RGB 179 112 114	#B37072
50.0%	50.0% #A96365	RGB 169 99 101	#A96365
66.7%	66.7% #9E5658	RGB 158 86 88	#9E5658
83.3%	83.3% #94494B	RGB 148 73 75	#94494B
100.0%	100.0% #8A3C3F	RGB 138 60 63	#8A3C3F

#C88B8C #BD7D7F #B37072 #A96365 #9E5658 #94494B #8A3C3F

#C88B8C - #8A3C3F

HSV Blend

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

0.0%	0.0% #C88B8B	RGB 200 139 139	#C88B8B
16.7%	16.7% #BD7B7C	RGB 189 123 124	#BD7B7C
33.3%	33.3% #B36D6E	RGB 179 109 110	#B36D6E
50.0%	50.0% #A95F61	RGB 169 95 97	#A95F61
66.7%	66.7% #9E5255	RGB 158 82 85	#9E5255
83.3%	83.3% #944649	RGB 148 70 73	#944649
100.0%	100.0% #8A3C3F	RGB 138 60 63	#8A3C3F

#C88B8B #BD7B7C #B36D6E #A95F61 #9E5255 #944649 #8A3C3F

#C88B8C - #A95F61 - #8A3C3F

CSS codes

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

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