#CA6E5E - #9F2D1A | 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 #CA6E5E to #9F2D1A

#CA6E5E #9F2D1A

Calculate the color between two colors, #CA6E5E and #9F2D1A. 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)

#CA6E5E - #9F2D1A | 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 #CA6E5E as 0% and #9F2D1A as 100%.

0.0%	0.0% #CA6E5E	RGB 202 110 94	#CA6E5E
16.7%	16.7% #C26352	RGB 194 99 82	#C26352
33.3%	33.3% #BB5847	RGB 187 88 71	#BB5847
50.0%	50.0% #B44D3C	RGB 180 77 60	#B44D3C
66.7%	66.7% #AD4230	RGB 173 66 48	#AD4230
83.3%	83.3% #A63725	RGB 166 55 37	#A63725
100.0%	100.0% #9F2D1A	RGB 159 45 26	#9F2D1A

#CA6E5E #C26352 #BB5847 #B44D3C #AD4230 #A63725 #9F2D1A

#CA6E5E - #9F2D1A

HSV Blend

#CA6E5E - #9F2D1A | 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 #CA6E5E as 0% and #9F2D1A as 100%.

0.0%	0.0% #CA6E5E	RGB 202 110 94	#CA6E5E
16.7%	16.7% #C26150	RGB 194 97 80	#C26150
33.3%	33.3% #BB5544	RGB 187 85 68	#BB5544
50.0%	50.0% #B44A38	RGB 180 74 56	#B44A38
66.7%	66.7% #AD402D	RGB 173 64 45	#AD402D
83.3%	83.3% #A63623	RGB 166 54 35	#A63623
100.0%	100.0% #9F2D1A	RGB 159 45 26	#9F2D1A

#CA6E5E #C26150 #BB5544 #B44A38 #AD402D #A63623 #9F2D1A

#CA6E5E - #B44A38 - #9F2D1A

CSS codes

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

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