#FF3485 - #A20040 | 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 #FF3485 to #A20040

#FF3485 #A20040

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

#FF3485 - #A20040 | 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 #FF3485 as 0% and #A20040 as 100%.

0.0%	0.0% #FF3485	RGB 255 52 133	#FF3485
16.7%	16.7% #EF2B79	RGB 239 43 121	#EF2B79
33.3%	33.3% #E0226E	RGB 224 34 110	#E0226E
50.0%	50.0% #D01A62	RGB 208 26 98	#D01A62
66.7%	66.7% #C11157	RGB 193 17 87	#C11157
83.3%	83.3% #B1084B	RGB 177 8 75	#B1084B
100.0%	100.0% #A20040	RGB 162 0 64	#A20040

#FF3485 #EF2B79 #E0226E #D01A62 #C11157 #B1084B #A20040

#FF3485 - #A20040

HSV Blend

#FF3485 - #A20040 | 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 #FF3485 as 0% and #A20040 as 100%.

0.0%	0.0% #FF3384	RGB 255 51 132	#FF3384
16.7%	16.7% #EF2877	RGB 239 40 119	#EF2877
33.3%	33.3% #E01E6B	RGB 224 30 107	#E01E6B
50.0%	50.0% #D0155F	RGB 208 21 95	#D0155F
66.7%	66.7% #C10D54	RGB 193 13 84	#C10D54
83.3%	83.3% #B10649	RGB 177 6 73	#B10649
100.0%	100.0% #A20040	RGB 162 0 64	#A20040

#FF3384 #EF2877 #E01E6B #D0155F #C10D54 #B10649 #A20040

#FF3485 - #D0155F - #A20040

CSS codes

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

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