#FF4079 - #A70036 | 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 #FF4079 to #A70036

#FF4079 #A70036

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

#FF4079 - #A70036 | 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 #FF4079 as 0% and #A70036 as 100%.

0.0%	0.0% #FF4079	RGB 255 64 121	#FF4079
16.7%	16.7% #F0356D	RGB 240 53 109	#F0356D
33.3%	33.3% #E12A62	RGB 225 42 98	#E12A62
50.0%	50.0% #D32057	RGB 211 32 87	#D32057
66.7%	66.7% #C4154C	RGB 196 21 76	#C4154C
83.3%	83.3% #B50A41	RGB 181 10 65	#B50A41
100.0%	100.0% #A70036	RGB 167 0 54	#A70036

#FF4079 #F0356D #E12A62 #D32057 #C4154C #B50A41 #A70036

#FF4079 - #A70036

HSV Blend

#FF4079 - #A70036 | 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 #FF4079 as 0% and #A70036 as 100%.

0.0%	0.0% #FF3F79	RGB 255 63 121	#FF3F79
16.7%	16.7% #F0326B	RGB 240 50 107	#F0326B
33.3%	33.3% #E1255F	RGB 225 37 95	#E1255F
50.0%	50.0% #D31A53	RGB 211 26 83	#D31A53
66.7%	66.7% #C41049	RGB 196 16 73	#C41049
83.3%	83.3% #B5073F	RGB 181 7 63	#B5073F
100.0%	100.0% #A70036	RGB 167 0 54	#A70036

#FF3F79 #F0326B #E1255F #D31A53 #C41049 #B5073F #A70036

#FF4079 - #D31A53 - #A70036

CSS codes

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

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