#FF2D3A - #480C10 | 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 #FF2D3A to #480C10

#FF2D3A #480C10

Calculate the color between two colors, #FF2D3A and #480C10. 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)

#FF2D3A - #480C10 | 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 #FF2D3A as 0% and #480C10 as 100%.

0.0%	0.0% #FF2D3A	RGB 255 45 58	#FF2D3A
16.7%	16.7% #E02733	RGB 224 39 51	#E02733
33.3%	33.3% #C2222C	RGB 194 34 44	#C2222C
50.0%	50.0% #A31C25	RGB 163 28 37	#A31C25
66.7%	66.7% #84171E	RGB 132 23 30	#84171E
83.3%	83.3% #661117	RGB 102 17 23	#661117
100.0%	100.0% #480C10	RGB 72 12 16	#480C10

#FF2D3A #E02733 #C2222C #A31C25 #84171E #661117 #480C10

#FF2D3A - #480C10

HSV Blend

#FF2D3A - #480C10 | 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 #FF2D3A as 0% and #480C10 as 100%.

0.0%	0.0% #FF2C39	RGB 255 44 57	#FF2C39
16.7%	16.7% #E02732	RGB 224 39 50	#E02732
33.3%	33.3% #C2212B	RGB 194 33 43	#C2212B
50.0%	50.0% #A31C24	RGB 163 28 36	#A31C24
66.7%	66.7% #84161D	RGB 132 22 29	#84161D
83.3%	83.3% #661116	RGB 102 17 22	#661116
100.0%	100.0% #480C10	RGB 72 12 16	#480C10

#FF2C39 #E02732 #C2212B #A31C24 #84161D #661116 #480C10

#FF2D3A - #A31C24 - #480C10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FF2C39 0%, #A31C24 50%, #480C10 100%);
    background: -webkit-linear-gradient(top, #FF2C39 0%, #A31C24 50%, #480C10 100%);
    background: linear-gradient(to bottom, #FF2C39 0%, #A31C24 50%, #480C10 100%);
}
</style>