#FF234B - #480A15 | 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 #FF234B to #480A15

#FF234B #480A15

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

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

0.0%	0.0% #FF234B	RGB 255 35 75	#FF234B
16.7%	16.7% #E01E42	RGB 224 30 66	#E01E42
33.3%	33.3% #C21A39	RGB 194 26 57	#C21A39
50.0%	50.0% #A31630	RGB 163 22 48	#A31630
66.7%	66.7% #841227	RGB 132 18 39	#841227
83.3%	83.3% #660E1E	RGB 102 14 30	#660E1E
100.0%	100.0% #480A15	RGB 72 10 21	#480A15

#FF234B #E01E42 #C21A39 #A31630 #841227 #660E1E #480A15

#FF234B - #480A15

HSV Blend

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

0.0%	0.0% #FF224B	RGB 255 34 75	#FF224B
16.7%	16.7% #E01E41	RGB 224 30 65	#E01E41
33.3%	33.3% #C21A38	RGB 194 26 56	#C21A38
50.0%	50.0% #A3162F	RGB 163 22 47	#A3162F
66.7%	66.7% #841226	RGB 132 18 38	#841226
83.3%	83.3% #660E1D	RGB 102 14 29	#660E1D
100.0%	100.0% #480A15	RGB 72 10 21	#480A15

#FF224B #E01E41 #C21A38 #A3162F #841226 #660E1D #480A15

#FF234B - #A3162F - #480A15

CSS codes

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

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