#FF1485 - #FF3E3B | 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 #FF1485 to #FF3E3B

#FF1485 #FF3E3B

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

#FF1485 - #FF3E3B | 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 #FF1485 as 0% and #FF3E3B as 100%.

0.0%	0.0% #FF1485	RGB 255 20 133	#FF1485
16.7%	16.7% #FF1B78	RGB 255 27 120	#FF1B78
33.3%	33.3% #FF226C	RGB 255 34 108	#FF226C
50.0%	50.0% #FF2960	RGB 255 41 96	#FF2960
66.7%	66.7% #FF3053	RGB 255 48 83	#FF3053
83.3%	83.3% #FF3747	RGB 255 55 71	#FF3747
100.0%	100.0% #FF3E3B	RGB 255 62 59	#FF3E3B

#FF1485 #FF1B78 #FF226C #FF2960 #FF3053 #FF3747 #FF3E3B

#FF1485 - #FF3E3B

HSV Blend

#FF1485 - #FF3E3B | 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 #FF1485 as 0% and #FF3E3B as 100%.

0.0%	0.0% #FF1384	RGB 255 19 132	#FF1384
16.7%	16.7% #FF1A75	RGB 255 26 117	#FF1A75
33.3%	33.3% #FF2067	RGB 255 32 103	#FF2067
50.0%	50.0% #FF2759	RGB 255 39 89	#FF2759
66.7%	66.7% #FF2E4D	RGB 255 46 77	#FF2E4D
83.3%	83.3% #FF3442	RGB 255 52 66	#FF3442
100.0%	100.0% #FF3E3B	RGB 255 62 59	#FF3E3B

#FF1384 #FF1A75 #FF2067 #FF2759 #FF2E4D #FF3442 #FF3E3B

#FF1485 - #FF2759 - #FF3E3B

CSS codes

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

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