#FA5E91 - #B40147 | 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 #B40147

#FA5E91 #B40147

Calculate the color between two colors, #FA5E91 and #B40147. 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 - #B40147 | 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 #B40147 as 100%.

0.0%	0.0% #FA5E91	RGB 250 94 145	#FA5E91
16.7%	16.7% #EE4E84	RGB 238 78 132	#EE4E84
33.3%	33.3% #E23F78	RGB 226 63 120	#E23F78
50.0%	50.0% #D72F6C	RGB 215 47 108	#D72F6C
66.7%	66.7% #CB1F5F	RGB 203 31 95	#CB1F5F
83.3%	83.3% #BF1053	RGB 191 16 83	#BF1053
100.0%	100.0% #B40147	RGB 180 1 71	#B40147

#FA5E91 #EE4E84 #E23F78 #D72F6C #CB1F5F #BF1053 #B40147

#FA5E91 - #B40147

HSV Blend

#FA5E91 - #B40147 | 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 #B40147 as 100%.

0.0%	0.0% #FA5E90	RGB 250 94 144	#FA5E90
16.7%	16.7% #EE4A82	RGB 238 74 130	#EE4A82
33.3%	33.3% #E23974	RGB 226 57 116	#E23974
50.0%	50.0% #D72967	RGB 215 41 103	#D72967
66.7%	66.7% #CB1A5B	RGB 203 26 91	#CB1A5B
83.3%	83.3% #BF0C50	RGB 191 12 80	#BF0C50
100.0%	100.0% #B40147	RGB 180 1 71	#B40147

#FA5E90 #EE4A82 #E23974 #D72967 #CB1A5B #BF0C50 #B40147

#FA5E91 - #D72967 - #B40147

CSS codes

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

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