#CA8A8C - #8C3B3F | 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 #CA8A8C to #8C3B3F

#CA8A8C #8C3B3F

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

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

0.0%	0.0% #CA8A8C	RGB 202 138 140	#CA8A8C
16.7%	16.7% #BF7C7F	RGB 191 124 127	#BF7C7F
33.3%	33.3% #B56F72	RGB 181 111 114	#B56F72
50.0%	50.0% #AB6265	RGB 171 98 101	#AB6265
66.7%	66.7% #A05558	RGB 160 85 88	#A05558
83.3%	83.3% #96484B	RGB 150 72 75	#96484B
100.0%	100.0% #8C3B3F	RGB 140 59 63	#8C3B3F

#CA8A8C #BF7C7F #B56F72 #AB6265 #A05558 #96484B #8C3B3F

#CA8A8C - #8C3B3F

HSV Blend

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

0.0%	0.0% #CA8A8C	RGB 202 138 140	#CA8A8C
16.7%	16.7% #BF7A7C	RGB 191 122 124	#BF7A7C
33.3%	33.3% #B56C6E	RGB 181 108 110	#B56C6E
50.0%	50.0% #AB5E61	RGB 171 94 97	#AB5E61
66.7%	66.7% #A05155	RGB 160 81 85	#A05155
83.3%	83.3% #964549	RGB 150 69 73	#964549
100.0%	100.0% #8C3B3F	RGB 140 59 63	#8C3B3F

#CA8A8C #BF7A7C #B56C6E #AB5E61 #A05155 #964549 #8C3B3F

#CA8A8C - #AB5E61 - #8C3B3F

CSS codes

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

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