#C84B2D - #871F0B | 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 #C84B2D to #871F0B

#C84B2D #871F0B

Calculate the color between two colors, #C84B2D and #871F0B. 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)

#C84B2D - #871F0B | 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 #C84B2D as 0% and #871F0B as 100%.

0.0%	0.0% #C84B2D	RGB 200 75 45	#C84B2D
16.7%	16.7% #BD4327	RGB 189 67 39	#BD4327
33.3%	33.3% #B23C21	RGB 178 60 33	#B23C21
50.0%	50.0% #A7351C	RGB 167 53 28	#A7351C
66.7%	66.7% #9C2D16	RGB 156 45 22	#9C2D16
83.3%	83.3% #912610	RGB 145 38 16	#912610
100.0%	100.0% #871F0B	RGB 135 31 11	#871F0B

#C84B2D #BD4327 #B23C21 #A7351C #9C2D16 #912610 #871F0B

#C84B2D - #871F0B

HSV Blend

#C84B2D - #871F0B | 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 #C84B2D as 0% and #871F0B as 100%.

0.0%	0.0% #C84B2C	RGB 200 75 44	#C84B2C
16.7%	16.7% #BD4226	RGB 189 66 38	#BD4226
33.3%	33.3% #B23A1F	RGB 178 58 31	#B23A1F
50.0%	50.0% #A73219	RGB 167 50 25	#A73219
66.7%	66.7% #9C2B14	RGB 156 43 20	#9C2B14
83.3%	83.3% #91250F	RGB 145 37 15	#91250F
100.0%	100.0% #871F0B	RGB 135 31 11	#871F0B

#C84B2C #BD4226 #B23A1F #A73219 #9C2B14 #91250F #871F0B

#C84B2D - #A73219 - #871F0B

CSS codes

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

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