#CA6565 - #8D0F08 | 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 #CA6565 to #8D0F08

#CA6565 #8D0F08

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

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

0.0%	0.0% #CA6565	RGB 202 101 101	#CA6565
16.7%	16.7% #BF5655	RGB 191 86 85	#BF5655
33.3%	33.3% #B54846	RGB 181 72 70	#B54846
50.0%	50.0% #AB3A36	RGB 171 58 54	#AB3A36
66.7%	66.7% #A12B27	RGB 161 43 39	#A12B27
83.3%	83.3% #971D17	RGB 151 29 23	#971D17
100.0%	100.0% #8D0F08	RGB 141 15 8	#8D0F08

#CA6565 #BF5655 #B54846 #AB3A36 #A12B27 #971D17 #8D0F08

#CA6565 - #8D0F08

HSV Blend

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

0.0%	0.0% #CA6565	RGB 202 101 101	#CA6565
16.7%	16.7% #BF5251	RGB 191 82 81	#BF5251
33.3%	33.3% #B5423F	RGB 181 66 63	#B5423F
50.0%	50.0% #AB322F	RGB 171 50 47	#AB322F
66.7%	66.7% #A12520	RGB 161 37 32	#A12520
83.3%	83.3% #971913	RGB 151 25 19	#971913
100.0%	100.0% #8D0F08	RGB 141 15 8	#8D0F08

#CA6565 #BF5251 #B5423F #AB322F #A12520 #971913 #8D0F08

#CA6565 - #AB322F - #8D0F08

CSS codes

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

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