#ED4CD1 - #A5008D | 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 #ED4CD1 to #A5008D

#ED4CD1 #A5008D

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

#ED4CD1 - #A5008D | 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 #ED4CD1 as 0% and #A5008D as 100%.

0.0%	0.0% #ED4CD1	RGB 237 76 209	#ED4CD1
16.7%	16.7% #E13FC5	RGB 225 63 197	#E13FC5
33.3%	33.3% #D532BA	RGB 213 50 186	#D532BA
50.0%	50.0% #C926AF	RGB 201 38 175	#C926AF
66.7%	66.7% #BD19A3	RGB 189 25 163	#BD19A3
83.3%	83.3% #B10C98	RGB 177 12 152	#B10C98
100.0%	100.0% #A5008D	RGB 165 0 141	#A5008D

#ED4CD1 #E13FC5 #D532BA #C926AF #BD19A3 #B10C98 #A5008D

#ED4CD1 - #A5008D

HSV Blend

#ED4CD1 - #A5008D | 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 #ED4CD1 as 0% and #A5008D as 100%.

0.0%	0.0% #ED4BD1	RGB 237 75 209	#ED4BD1
16.7%	16.7% #E13CC5	RGB 225 60 197	#E13CC5
33.3%	33.3% #D52DB9	RGB 213 45 185	#D52DB9
50.0%	50.0% #C920AE	RGB 201 32 174	#C920AE
66.7%	66.7% #BD14A2	RGB 189 20 162	#BD14A2
83.3%	83.3% #B10997	RGB 177 9 151	#B10997
100.0%	100.0% #A5008D	RGB 165 0 141	#A5008D

#ED4BD1 #E13CC5 #D52DB9 #C920AE #BD14A2 #B10997 #A5008D

#ED4CD1 - #C920AE - #A5008D

CSS codes

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

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