#CB3C3C - #89130E | 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 #CB3C3C to #89130E

#CB3C3C #89130E

Calculate the color between two colors, #CB3C3C and #89130E. 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)

#CB3C3C - #89130E | 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 #CB3C3C as 0% and #89130E as 100%.

0.0%	0.0% #CB3C3C	RGB 203 60 60	#CB3C3C
16.7%	16.7% #C03534	RGB 192 53 52	#C03534
33.3%	33.3% #B52E2C	RGB 181 46 44	#B52E2C
50.0%	50.0% #AA2725	RGB 170 39 37	#AA2725
66.7%	66.7% #9F201D	RGB 159 32 29	#9F201D
83.3%	83.3% #941915	RGB 148 25 21	#941915
100.0%	100.0% #89130E	RGB 137 19 14	#89130E

#CB3C3C #C03534 #B52E2C #AA2725 #9F201D #941915 #89130E

#CB3C3C - #89130E

HSV Blend

#CB3C3C - #89130E | 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 #CB3C3C as 0% and #89130E as 100%.

0.0%	0.0% #CB3C3C	RGB 203 60 60	#CB3C3C
16.7%	16.7% #C03332	RGB 192 51 50	#C03332
33.3%	33.3% #B52B29	RGB 181 43 41	#B52B29
50.0%	50.0% #AA2421	RGB 170 36 33	#AA2421
66.7%	66.7% #9F1E1A	RGB 159 30 26	#9F1E1A
83.3%	83.3% #941813	RGB 148 24 19	#941813
100.0%	100.0% #89130E	RGB 137 19 14	#89130E

#CB3C3C #C03332 #B52B29 #AA2421 #9F1E1A #941813 #89130E

#CB3C3C - #AA2421 - #89130E

CSS codes

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

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