#FF3F8F - #AA0048 | 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 #FF3F8F to #AA0048

#FF3F8F #AA0048

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

#FF3F8F - #AA0048 | 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 #FF3F8F as 0% and #AA0048 as 100%.

0.0%	0.0% #FF3F8F	RGB 255 63 143	#FF3F8F
16.7%	16.7% #F03483	RGB 240 52 131	#F03483
33.3%	33.3% #E22A77	RGB 226 42 119	#E22A77
50.0%	50.0% #D41F6B	RGB 212 31 107	#D41F6B
66.7%	66.7% #C6155F	RGB 198 21 95	#C6155F
83.3%	83.3% #B80A53	RGB 184 10 83	#B80A53
100.0%	100.0% #AA0048	RGB 170 0 72	#AA0048

#FF3F8F #F03483 #E22A77 #D41F6B #C6155F #B80A53 #AA0048

#FF3F8F - #AA0048

HSV Blend

#FF3F8F - #AA0048 | 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 #FF3F8F as 0% and #AA0048 as 100%.

0.0%	0.0% #FF3F8F	RGB 255 63 143	#FF3F8F
16.7%	16.7% #F03181	RGB 240 49 129	#F03181
33.3%	33.3% #E22574	RGB 226 37 116	#E22574
50.0%	50.0% #D41A68	RGB 212 26 104	#D41A68
66.7%	66.7% #C6105C	RGB 198 16 92	#C6105C
83.3%	83.3% #B80752	RGB 184 7 82	#B80752
100.0%	100.0% #AA0048	RGB 170 0 72	#AA0048

#FF3F8F #F03181 #E22574 #D41A68 #C6105C #B80752 #AA0048

#FF3F8F - #D41A68 - #AA0048

CSS codes

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

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