#FF5D9C - #BA0052 | 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 #FF5D9C to #BA0052

#FF5D9C #BA0052

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

#FF5D9C - #BA0052 | 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 #FF5D9C as 0% and #BA0052 as 100%.

0.0%	0.0% #FF5D9C	RGB 255 93 156	#FF5D9C
16.7%	16.7% #F34D8F	RGB 243 77 143	#F34D8F
33.3%	33.3% #E83E83	RGB 232 62 131	#E83E83
50.0%	50.0% #DC2E77	RGB 220 46 119	#DC2E77
66.7%	66.7% #D11E6A	RGB 209 30 106	#D11E6A
83.3%	83.3% #C50F5E	RGB 197 15 94	#C50F5E
100.0%	100.0% #BA0052	RGB 186 0 82	#BA0052

#FF5D9C #F34D8F #E83E83 #DC2E77 #D11E6A #C50F5E #BA0052

#FF5D9C - #BA0052

HSV Blend

#FF5D9C - #BA0052 | 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 #FF5D9C as 0% and #BA0052 as 100%.

0.0%	0.0% #FF5D9B	RGB 255 93 155	#FF5D9B
16.7%	16.7% #F34A8D	RGB 243 74 141	#F34A8D
33.3%	33.3% #E8387F	RGB 232 56 127	#E8387F
50.0%	50.0% #DC2873	RGB 220 40 115	#DC2873
66.7%	66.7% #D11967	RGB 209 25 103	#D11967
83.3%	83.3% #C50C5C	RGB 197 12 92	#C50C5C
100.0%	100.0% #BA0052	RGB 186 0 82	#BA0052

#FF5D9B #F34A8D #E8387F #DC2873 #D11967 #C50C5C #BA0052

#FF5D9C - #DC2873 - #BA0052

CSS codes

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

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