#CA8A8A - #AD3C36 | 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 #CA8A8A to #AD3C36

#CA8A8A #AD3C36

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

#CA8A8A - #AD3C36 | 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 #CA8A8A as 0% and #AD3C36 as 100%.

0.0%	0.0% #CA8A8A	RGB 202 138 138	#CA8A8A
16.7%	16.7% #C57D7C	RGB 197 125 124	#C57D7C
33.3%	33.3% #C0706E	RGB 192 112 110	#C0706E
50.0%	50.0% #BB6360	RGB 187 99 96	#BB6360
66.7%	66.7% #B65652	RGB 182 86 82	#B65652
83.3%	83.3% #B14944	RGB 177 73 68	#B14944
100.0%	100.0% #AD3C36	RGB 173 60 54	#AD3C36

#CA8A8A #C57D7C #C0706E #BB6360 #B65652 #B14944 #AD3C36

#CA8A8A - #AD3C36

HSV Blend

#CA8A8A - #AD3C36 | 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 #CA8A8A as 0% and #AD3C36 as 100%.

0.0%	0.0% #CA8A8A	RGB 202 138 138	#CA8A8A
16.7%	16.7% #C57B7A	RGB 197 123 122	#C57B7A
33.3%	33.3% #C06D6B	RGB 192 109 107	#C06D6B
50.0%	50.0% #BB5F5D	RGB 187 95 93	#BB5F5D
66.7%	66.7% #B6534F	RGB 182 83 79	#B6534F
83.3%	83.3% #B14742	RGB 177 71 66	#B14742
100.0%	100.0% #AD3C36	RGB 173 60 54	#AD3C36

#CA8A8A #C57B7A #C06D6B #BB5F5D #B6534F #B14742 #AD3C36

#CA8A8A - #BB5F5D - #AD3C36

CSS codes

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

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