#FF4D81 - #AF003B | 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 #FF4D81 to #AF003B

#FF4D81 #AF003B

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

#FF4D81 - #AF003B | 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 #FF4D81 as 0% and #AF003B as 100%.

0.0%	0.0% #FF4D81	RGB 255 77 129	#FF4D81
16.7%	16.7% #F14075	RGB 241 64 117	#F14075
33.3%	33.3% #E43369	RGB 228 51 105	#E43369
50.0%	50.0% #D7265E	RGB 215 38 94	#D7265E
66.7%	66.7% #C91952	RGB 201 25 82	#C91952
83.3%	83.3% #BC0C46	RGB 188 12 70	#BC0C46
100.0%	100.0% #AF003B	RGB 175 0 59	#AF003B

#FF4D81 #F14075 #E43369 #D7265E #C91952 #BC0C46 #AF003B

#FF4D81 - #AF003B

HSV Blend

#FF4D81 - #AF003B | 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 #FF4D81 as 0% and #AF003B as 100%.

0.0%	0.0% #FF4D80	RGB 255 77 128	#FF4D80
16.7%	16.7% #F13C73	RGB 241 60 115	#F13C73
33.3%	33.3% #E42D65	RGB 228 45 101	#E42D65
50.0%	50.0% #D72059	RGB 215 32 89	#D72059
66.7%	66.7% #C9144E	RGB 201 20 78	#C9144E
83.3%	83.3% #BC0944	RGB 188 9 68	#BC0944
100.0%	100.0% #AF003B	RGB 175 0 59	#AF003B

#FF4D80 #F13C73 #E42D65 #D72059 #C9144E #BC0944 #AF003B

#FF4D81 - #D72059 - #AF003B

CSS codes

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

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