#C2574B - #8E2012 | 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 #C2574B to #8E2012

#C2574B #8E2012

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

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

0.0%	0.0% #C2574B	RGB 194 87 75	#C2574B
16.7%	16.7% #B94D41	RGB 185 77 65	#B94D41
33.3%	33.3% #B04438	RGB 176 68 56	#B04438
50.0%	50.0% #A83B2E	RGB 168 59 46	#A83B2E
66.7%	66.7% #9F3225	RGB 159 50 37	#9F3225
83.3%	83.3% #96291B	RGB 150 41 27	#96291B
100.0%	100.0% #8E2012	RGB 142 32 18	#8E2012

#C2574B #B94D41 #B04438 #A83B2E #9F3225 #96291B #8E2012

#C2574B - #8E2012

HSV Blend

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

0.0%	0.0% #C2574B	RGB 194 87 75	#C2574B
16.7%	16.7% #B94C3F	RGB 185 76 63	#B94C3F
33.3%	33.3% #B04134	RGB 176 65 52	#B04134
50.0%	50.0% #A8382B	RGB 168 56 43	#A8382B
66.7%	66.7% #9F2F21	RGB 159 47 33	#9F2F21
83.3%	83.3% #962719	RGB 150 39 25	#962719
100.0%	100.0% #8E2012	RGB 142 32 18	#8E2012

#C2574B #B94C3F #B04134 #A8382B #9F2F21 #962719 #8E2012

#C2574B - #A8382B - #8E2012

CSS codes

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

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