#FF3AC0 - #481036 | 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 #FF3AC0 to #481036

#FF3AC0 #481036

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

#FF3AC0 - #481036 | 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 #FF3AC0 as 0% and #481036 as 100%.

0.0%	0.0% #FF3AC0	RGB 255 58 192	#FF3AC0
16.7%	16.7% #E033A9	RGB 224 51 169	#E033A9
33.3%	33.3% #C22C92	RGB 194 44 146	#C22C92
50.0%	50.0% #A3257B	RGB 163 37 123	#A3257B
66.7%	66.7% #841E64	RGB 132 30 100	#841E64
83.3%	83.3% #66174D	RGB 102 23 77	#66174D
100.0%	100.0% #481036	RGB 72 16 54	#481036

#FF3AC0 #E033A9 #C22C92 #A3257B #841E64 #66174D #481036

#FF3AC0 - #481036

HSV Blend

#FF3AC0 - #481036 | 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 #FF3AC0 as 0% and #481036 as 100%.

0.0%	0.0% #FF39C0	RGB 255 57 192	#FF39C0
16.7%	16.7% #E032A8	RGB 224 50 168	#E032A8
33.3%	33.3% #C22B91	RGB 194 43 145	#C22B91
50.0%	50.0% #A3247A	RGB 163 36 122	#A3247A
66.7%	66.7% #841D63	RGB 132 29 99	#841D63
83.3%	83.3% #66164C	RGB 102 22 76	#66164C
100.0%	100.0% #481036	RGB 72 16 54	#481036

#FF39C0 #E032A8 #C22B91 #A3247A #841D63 #66164C #481036

#FF3AC0 - #A3247A - #481036

CSS codes

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

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