#FA5E91 - #471A29 | 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 #FA5E91 to #471A29

#FA5E91 #471A29

Calculate the color between two colors, #FA5E91 and #471A29. 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)

#FA5E91 - #471A29 | 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 #FA5E91 as 0% and #471A29 as 100%.

0.0%	0.0% #FA5E91	RGB 250 94 145	#FA5E91
16.7%	16.7% #DC527F	RGB 220 82 127	#DC527F
33.3%	33.3% #BE476E	RGB 190 71 110	#BE476E
50.0%	50.0% #A03C5D	RGB 160 60 93	#A03C5D
66.7%	66.7% #82304B	RGB 130 48 75	#82304B
83.3%	83.3% #64253A	RGB 100 37 58	#64253A
100.0%	100.0% #471A29	RGB 71 26 41	#471A29

#FA5E91 #DC527F #BE476E #A03C5D #82304B #64253A #471A29

#FA5E91 - #471A29

HSV Blend

#FA5E91 - #471A29 | 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 #FA5E91 as 0% and #471A29 as 100%.

0.0%	0.0% #FA5E90	RGB 250 94 144	#FA5E90
16.7%	16.7% #DC527F	RGB 220 82 127	#DC527F
33.3%	33.3% #BE466E	RGB 190 70 110	#BE466E
50.0%	50.0% #A03B5C	RGB 160 59 92	#A03B5C
66.7%	66.7% #82304B	RGB 130 48 75	#82304B
83.3%	83.3% #64253A	RGB 100 37 58	#64253A
100.0%	100.0% #471A29	RGB 71 26 41	#471A29

#FA5E90 #DC527F #BE466E #A03B5C #82304B #64253A #471A29

#FA5E91 - #A03B5C - #471A29

CSS codes

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

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