#ED6AB1 - #AF0065 | 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 #ED6AB1 to #AF0065

#ED6AB1 #AF0065

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

#ED6AB1 - #AF0065 | 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 #ED6AB1 as 0% and #AF0065 as 100%.

0.0%	0.0% #ED6AB1	RGB 237 106 177	#ED6AB1
16.7%	16.7% #E258A4	RGB 226 88 164	#E258A4
33.3%	33.3% #D84697	RGB 216 70 151	#D84697
50.0%	50.0% #CE358B	RGB 206 53 139	#CE358B
66.7%	66.7% #C3237E	RGB 195 35 126	#C3237E
83.3%	83.3% #B91171	RGB 185 17 113	#B91171
100.0%	100.0% #AF0065	RGB 175 0 101	#AF0065

#ED6AB1 #E258A4 #D84697 #CE358B #C3237E #B91171 #AF0065

#ED6AB1 - #AF0065

HSV Blend

#ED6AB1 - #AF0065 | 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 #ED6AB1 as 0% and #AF0065 as 100%.

0.0%	0.0% #ED6AB1	RGB 237 106 177	#ED6AB1
16.7%	16.7% #E254A2	RGB 226 84 162	#E254A2
33.3%	33.3% #D84094	RGB 216 64 148	#D84094
50.0%	50.0% #CE2E87	RGB 206 46 135	#CE2E87
66.7%	66.7% #C31D7B	RGB 195 29 123	#C31D7B
83.3%	83.3% #B90D6F	RGB 185 13 111	#B90D6F
100.0%	100.0% #AF0065	RGB 175 0 101	#AF0065

#ED6AB1 #E254A2 #D84094 #CE2E87 #C31D7B #B90D6F #AF0065

#ED6AB1 - #CE2E87 - #AF0065

CSS codes

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

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