#C64D3C - #8A1D0D | 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 #C64D3C to #8A1D0D

#C64D3C #8A1D0D

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

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

0.0%	0.0% #C64D3C	RGB 198 77 60	#C64D3C
16.7%	16.7% #BC4534	RGB 188 69 52	#BC4534
33.3%	33.3% #B23D2C	RGB 178 61 44	#B23D2C
50.0%	50.0% #A83524	RGB 168 53 36	#A83524
66.7%	66.7% #9E2D1C	RGB 158 45 28	#9E2D1C
83.3%	83.3% #942514	RGB 148 37 20	#942514
100.0%	100.0% #8A1D0D	RGB 138 29 13	#8A1D0D

#C64D3C #BC4534 #B23D2C #A83524 #9E2D1C #942514 #8A1D0D

#C64D3C - #8A1D0D

HSV Blend

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

0.0%	0.0% #C64D3C	RGB 198 77 60	#C64D3C
16.7%	16.7% #BC4332	RGB 188 67 50	#BC4332
33.3%	33.3% #B23A29	RGB 178 58 41	#B23A29
50.0%	50.0% #A83221	RGB 168 50 33	#A83221
66.7%	66.7% #9E2A19	RGB 158 42 25	#9E2A19
83.3%	83.3% #942313	RGB 148 35 19	#942313
100.0%	100.0% #8A1D0D	RGB 138 29 13	#8A1D0D

#C64D3C #BC4332 #B23A29 #A83221 #9E2A19 #942313 #8A1D0D

#C64D3C - #A83221 - #8A1D0D

CSS codes

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

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