#FF414C - #9E081D | 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 #FF414C to #9E081D

#FF414C #9E081D

Calculate the color between two colors, #FF414C and #9E081D. 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)

#FF414C - #9E081D | 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 #FF414C as 0% and #9E081D as 100%.

0.0%	0.0% #FF414C	RGB 255 65 76	#FF414C
16.7%	16.7% #EE3744	RGB 238 55 68	#EE3744
33.3%	33.3% #DE2E3C	RGB 222 46 60	#DE2E3C
50.0%	50.0% #CE2434	RGB 206 36 52	#CE2434
66.7%	66.7% #BE1B2C	RGB 190 27 44	#BE1B2C
83.3%	83.3% #AE1124	RGB 174 17 36	#AE1124
100.0%	100.0% #9E081D	RGB 158 8 29	#9E081D

#FF414C #EE3744 #DE2E3C #CE2434 #BE1B2C #AE1124 #9E081D

#FF414C - #9E081D

HSV Blend

#FF414C - #9E081D | 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 #FF414C as 0% and #9E081D as 100%.

0.0%	0.0% #FF414B	RGB 255 65 75	#FF414B
16.7%	16.7% #EE3442	RGB 238 52 66	#EE3442
33.3%	33.3% #DE2939	RGB 222 41 57	#DE2939
50.0%	50.0% #CE1F30	RGB 206 31 48	#CE1F30
66.7%	66.7% #BE1629	RGB 190 22 41	#BE1629
83.3%	83.3% #AE0E22	RGB 174 14 34	#AE0E22
100.0%	100.0% #9E081D	RGB 158 8 29	#9E081D

#FF414B #EE3442 #DE2939 #CE1F30 #BE1629 #AE0E22 #9E081D

#FF414C - #CE1F30 - #9E081D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FF414B 0%, #CE1F30 50%, #9E081D 100%);
    background: -webkit-linear-gradient(top, #FF414B 0%, #CE1F30 50%, #9E081D 100%);
    background: linear-gradient(to bottom, #FF414B 0%, #CE1F30 50%, #9E081D 100%);
}
</style>