#CF4A2D - #8D1E0B | 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 #CF4A2D to #8D1E0B

#CF4A2D #8D1E0B

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

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

0.0%	0.0% #CF4A2D	RGB 207 74 45	#CF4A2D
16.7%	16.7% #C44227	RGB 196 66 39	#C44227
33.3%	33.3% #B93B21	RGB 185 59 33	#B93B21
50.0%	50.0% #AE341C	RGB 174 52 28	#AE341C
66.7%	66.7% #A32C16	RGB 163 44 22	#A32C16
83.3%	83.3% #982510	RGB 152 37 16	#982510
100.0%	100.0% #8D1E0B	RGB 141 30 11	#8D1E0B

#CF4A2D #C44227 #B93B21 #AE341C #A32C16 #982510 #8D1E0B

#CF4A2D - #8D1E0B

HSV Blend

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

0.0%	0.0% #CF4A2D	RGB 207 74 45	#CF4A2D
16.7%	16.7% #C44126	RGB 196 65 38	#C44126
33.3%	33.3% #B9391F	RGB 185 57 31	#B9391F
50.0%	50.0% #AE3119	RGB 174 49 25	#AE3119
66.7%	66.7% #A32A14	RGB 163 42 20	#A32A14
83.3%	83.3% #98240F	RGB 152 36 15	#98240F
100.0%	100.0% #8D1E0B	RGB 141 30 11	#8D1E0B

#CF4A2D #C44126 #B9391F #AE3119 #A32A14 #98240F #8D1E0B

#CF4A2D - #AE3119 - #8D1E0B

CSS codes

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

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