#C58C8C - #A83F38 | 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 #C58C8C to #A83F38

#C58C8C #A83F38

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

#C58C8C - #A83F38 | 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 #C58C8C as 0% and #A83F38 as 100%.

0.0%	0.0% #C58C8C	RGB 197 140 140	#C58C8C
16.7%	16.7% #C07F7E	RGB 192 127 126	#C07F7E
33.3%	33.3% #BB7270	RGB 187 114 112	#BB7270
50.0%	50.0% #B66562	RGB 182 101 98	#B66562
66.7%	66.7% #B15854	RGB 177 88 84	#B15854
83.3%	83.3% #AC4B46	RGB 172 75 70	#AC4B46
100.0%	100.0% #A83F38	RGB 168 63 56	#A83F38

#C58C8C #C07F7E #BB7270 #B66562 #B15854 #AC4B46 #A83F38

#C58C8C - #A83F38

HSV Blend

#C58C8C - #A83F38 | 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 #C58C8C as 0% and #A83F38 as 100%.

0.0%	0.0% #C58C8C	RGB 197 140 140	#C58C8C
16.7%	16.7% #C07D7C	RGB 192 125 124	#C07D7C
33.3%	33.3% #BB6F6D	RGB 187 111 109	#BB6F6D
50.0%	50.0% #B6615F	RGB 182 97 95	#B6615F
66.7%	66.7% #B15551	RGB 177 85 81	#B15551
83.3%	83.3% #AC4944	RGB 172 73 68	#AC4944
100.0%	100.0% #A83F38	RGB 168 63 56	#A83F38

#C58C8C #C07D7C #BB6F6D #B6615F #B15551 #AC4944 #A83F38

#C58C8C - #B6615F - #A83F38

CSS codes

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

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