#FF4A54 - #481518 | 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 #FF4A54 to #481518

#FF4A54 #481518

Calculate the color between two colors, #FF4A54 and #481518. 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)

#FF4A54 - #481518 | 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 #FF4A54 as 0% and #481518 as 100%.

0.0%	0.0% #FF4A54	RGB 255 74 84	#FF4A54
16.7%	16.7% #E0414A	RGB 224 65 74	#E0414A
33.3%	33.3% #C23840	RGB 194 56 64	#C23840
50.0%	50.0% #A32F36	RGB 163 47 54	#A32F36
66.7%	66.7% #84262C	RGB 132 38 44	#84262C
83.3%	83.3% #661D22	RGB 102 29 34	#661D22
100.0%	100.0% #481518	RGB 72 21 24	#481518

#FF4A54 #E0414A #C23840 #A32F36 #84262C #661D22 #481518

#FF4A54 - #481518

HSV Blend

#FF4A54 - #481518 | 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 #FF4A54 as 0% and #481518 as 100%.

0.0%	0.0% #FF4953	RGB 255 73 83	#FF4953
16.7%	16.7% #E0414A	RGB 224 65 74	#E0414A
33.3%	33.3% #C23840	RGB 194 56 64	#C23840
50.0%	50.0% #A32F36	RGB 163 47 54	#A32F36
66.7%	66.7% #84262C	RGB 132 38 44	#84262C
83.3%	83.3% #661D22	RGB 102 29 34	#661D22
100.0%	100.0% #481518	RGB 72 21 24	#481518

#FF4953 #E0414A #C23840 #A32F36 #84262C #661D22 #481518

#FF4A54 - #A32F36 - #481518

CSS codes

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

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