#C0403D - #82150D | 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 #C0403D to #82150D

#C0403D #82150D

Calculate the color between two colors, #C0403D and #82150D. 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)

#C0403D - #82150D | 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 #C0403D as 0% and #82150D as 100%.

0.0%	0.0% #C0403D	RGB 192 64 61	#C0403D
16.7%	16.7% #B53835	RGB 181 56 53	#B53835
33.3%	33.3% #AB312D	RGB 171 49 45	#AB312D
50.0%	50.0% #A12A25	RGB 161 42 37	#A12A25
66.7%	66.7% #96231D	RGB 150 35 29	#96231D
83.3%	83.3% #8C1C15	RGB 140 28 21	#8C1C15
100.0%	100.0% #82150D	RGB 130 21 13	#82150D

#C0403D #B53835 #AB312D #A12A25 #96231D #8C1C15 #82150D

#C0403D - #82150D

HSV Blend

#C0403D - #82150D | 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 #C0403D as 0% and #82150D as 100%.

0.0%	0.0% #C0403D	RGB 192 64 61	#C0403D
16.7%	16.7% #B53733	RGB 181 55 51	#B53733
33.3%	33.3% #AB2E2A	RGB 171 46 42	#AB2E2A
50.0%	50.0% #A12721	RGB 161 39 33	#A12721
66.7%	66.7% #96201A	RGB 150 32 26	#96201A
83.3%	83.3% #8C1A13	RGB 140 26 19	#8C1A13
100.0%	100.0% #82150D	RGB 130 21 13	#82150D

#C0403D #B53733 #AB2E2A #A12721 #96201A #8C1A13 #82150D

#C0403D - #A12721 - #82150D

CSS codes

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

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