#FF2D4B - #480C15 | 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 #FF2D4B to #480C15

#FF2D4B #480C15

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

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

0.0%	0.0% #FF2D4B	RGB 255 45 75	#FF2D4B
16.7%	16.7% #E02742	RGB 224 39 66	#E02742
33.3%	33.3% #C22239	RGB 194 34 57	#C22239
50.0%	50.0% #A31C30	RGB 163 28 48	#A31C30
66.7%	66.7% #841727	RGB 132 23 39	#841727
83.3%	83.3% #66111E	RGB 102 17 30	#66111E
100.0%	100.0% #480C15	RGB 72 12 21	#480C15

#FF2D4B #E02742 #C22239 #A31C30 #841727 #66111E #480C15

#FF2D4B - #480C15

HSV Blend

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

0.0%	0.0% #FF2C4B	RGB 255 44 75	#FF2C4B
16.7%	16.7% #E02741	RGB 224 39 65	#E02741
33.3%	33.3% #C22138	RGB 194 33 56	#C22138
50.0%	50.0% #A31C2F	RGB 163 28 47	#A31C2F
66.7%	66.7% #841626	RGB 132 22 38	#841626
83.3%	83.3% #66111D	RGB 102 17 29	#66111D
100.0%	100.0% #480C15	RGB 72 12 21	#480C15

#FF2C4B #E02741 #C22138 #A31C2F #841626 #66111D #480C15

#FF2D4B - #A31C2F - #480C15

CSS codes

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

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