#FF3E7B - #A60038 | 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 #FF3E7B to #A60038

#FF3E7B #A60038

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

#FF3E7B - #A60038 | 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 #FF3E7B as 0% and #A60038 as 100%.

0.0%	0.0% #FF3E7B	RGB 255 62 123	#FF3E7B
16.7%	16.7% #F0336F	RGB 240 51 111	#F0336F
33.3%	33.3% #E12964	RGB 225 41 100	#E12964
50.0%	50.0% #D21F59	RGB 210 31 89	#D21F59
66.7%	66.7% #C3144E	RGB 195 20 78	#C3144E
83.3%	83.3% #B40A43	RGB 180 10 67	#B40A43
100.0%	100.0% #A60038	RGB 166 0 56	#A60038

#FF3E7B #F0336F #E12964 #D21F59 #C3144E #B40A43 #A60038

#FF3E7B - #A60038

HSV Blend

#FF3E7B - #A60038 | 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 #FF3E7B as 0% and #A60038 as 100%.

0.0%	0.0% #FF3D7B	RGB 255 61 123	#FF3D7B
16.7%	16.7% #F0306D	RGB 240 48 109	#F0306D
33.3%	33.3% #E12461	RGB 225 36 97	#E12461
50.0%	50.0% #D21956	RGB 210 25 86	#D21956
66.7%	66.7% #C30F4B	RGB 195 15 75	#C30F4B
83.3%	83.3% #B40741	RGB 180 7 65	#B40741
100.0%	100.0% #A60038	RGB 166 0 56	#A60038

#FF3D7B #F0306D #E12461 #D21956 #C30F4B #B40741 #A60038

#FF3E7B - #D21956 - #A60038

CSS codes

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

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