#FF3C8D - #A80047 | 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 #FF3C8D to #A80047

#FF3C8D #A80047

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

#FF3C8D - #A80047 | 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 #FF3C8D as 0% and #A80047 as 100%.

0.0%	0.0% #FF3C8D	RGB 255 60 141	#FF3C8D
16.7%	16.7% #F03281	RGB 240 50 129	#F03281
33.3%	33.3% #E22875	RGB 226 40 117	#E22875
50.0%	50.0% #D31E6A	RGB 211 30 106	#D31E6A
66.7%	66.7% #C5145E	RGB 197 20 94	#C5145E
83.3%	83.3% #B60A52	RGB 182 10 82	#B60A52
100.0%	100.0% #A80047	RGB 168 0 71	#A80047

#FF3C8D #F03281 #E22875 #D31E6A #C5145E #B60A52 #A80047

#FF3C8D - #A80047

HSV Blend

#FF3C8D - #A80047 | 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 #FF3C8D as 0% and #A80047 as 100%.

0.0%	0.0% #FF3B8D	RGB 255 59 141	#FF3B8D
16.7%	16.7% #F02F7F	RGB 240 47 127	#F02F7F
33.3%	33.3% #E22373	RGB 226 35 115	#E22373
50.0%	50.0% #D31867	RGB 211 24 103	#D31867
66.7%	66.7% #C50F5B	RGB 197 15 91	#C50F5B
83.3%	83.3% #B60751	RGB 182 7 81	#B60751
100.0%	100.0% #A80047	RGB 168 0 71	#A80047

#FF3B8D #F02F7F #E22373 #D31867 #C50F5B #B60751 #A80047

#FF3C8D - #D31867 - #A80047

CSS codes

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

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