#FF5DAF - #481A30 | 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 #FF5DAF to #481A30

#FF5DAF #481A30

Calculate the color between two colors, #FF5DAF and #481A30. 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)

#FF5DAF - #481A30 | 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 #FF5DAF as 0% and #481A30 as 100%.

0.0%	0.0% #FF5DAF	RGB 255 93 175	#FF5DAF
16.7%	16.7% #E05199	RGB 224 81 153	#E05199
33.3%	33.3% #C24684	RGB 194 70 132	#C24684
50.0%	50.0% #A33B6F	RGB 163 59 111	#A33B6F
66.7%	66.7% #84305A	RGB 132 48 90	#84305A
83.3%	83.3% #662545	RGB 102 37 69	#662545
100.0%	100.0% #481A30	RGB 72 26 48	#481A30

#FF5DAF #E05199 #C24684 #A33B6F #84305A #662545 #481A30

#FF5DAF - #481A30

HSV Blend

#FF5DAF - #481A30 | 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 #FF5DAF as 0% and #481A30 as 100%.

0.0%	0.0% #FF5DAF	RGB 255 93 175	#FF5DAF
16.7%	16.7% #E05199	RGB 224 81 153	#E05199
33.3%	33.3% #C24683	RGB 194 70 131	#C24683
50.0%	50.0% #A33B6E	RGB 163 59 110	#A33B6E
66.7%	66.7% #843059	RGB 132 48 89	#843059
83.3%	83.3% #662544	RGB 102 37 68	#662544
100.0%	100.0% #481A30	RGB 72 26 48	#481A30

#FF5DAF #E05199 #C24683 #A33B6E #843059 #662544 #481A30

#FF5DAF - #A33B6E - #481A30

CSS codes

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

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