#FF3E8F - #481128 | 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 #FF3E8F to #481128

#FF3E8F #481128

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

#FF3E8F - #481128 | 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 #FF3E8F as 0% and #481128 as 100%.

0.0%	0.0% #FF3E8F	RGB 255 62 143	#FF3E8F
16.7%	16.7% #E0367D	RGB 224 54 125	#E0367D
33.3%	33.3% #C22F6C	RGB 194 47 108	#C22F6C
50.0%	50.0% #A3275B	RGB 163 39 91	#A3275B
66.7%	66.7% #84204A	RGB 132 32 74	#84204A
83.3%	83.3% #661839	RGB 102 24 57	#661839
100.0%	100.0% #481128	RGB 72 17 40	#481128

#FF3E8F #E0367D #C22F6C #A3275B #84204A #661839 #481128

#FF3E8F - #481128

HSV Blend

#FF3E8F - #481128 | 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 #FF3E8F as 0% and #481128 as 100%.

0.0%	0.0% #FF3D8F	RGB 255 61 143	#FF3D8F
16.7%	16.7% #E0367D	RGB 224 54 125	#E0367D
33.3%	33.3% #C22E6C	RGB 194 46 108	#C22E6C
50.0%	50.0% #A3275B	RGB 163 39 91	#A3275B
66.7%	66.7% #841F4A	RGB 132 31 74	#841F4A
83.3%	83.3% #661839	RGB 102 24 57	#661839
100.0%	100.0% #481128	RGB 72 17 40	#481128

#FF3D8F #E0367D #C22E6C #A3275B #841F4A #661839 #481128

#FF3E8F - #A3275B - #481128

CSS codes

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

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