#ED6D9A - #AD0E4D | 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 #ED6D9A to #AD0E4D

#ED6D9A #AD0E4D

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

#ED6D9A - #AD0E4D | 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 #ED6D9A as 0% and #AD0E4D as 100%.

0.0%	0.0% #ED6D9A	RGB 237 109 154	#ED6D9A
16.7%	16.7% #E25D8D	RGB 226 93 141	#E25D8D
33.3%	33.3% #D74D80	RGB 215 77 128	#D74D80
50.0%	50.0% #CD3D73	RGB 205 61 115	#CD3D73
66.7%	66.7% #C22D66	RGB 194 45 102	#C22D66
83.3%	83.3% #B71D59	RGB 183 29 89	#B71D59
100.0%	100.0% #AD0E4D	RGB 173 14 77	#AD0E4D

#ED6D9A #E25D8D #D74D80 #CD3D73 #C22D66 #B71D59 #AD0E4D

#ED6D9A - #AD0E4D

HSV Blend

#ED6D9A - #AD0E4D | 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 #ED6D9A as 0% and #AD0E4D as 100%.

0.0%	0.0% #ED6D9A	RGB 237 109 154	#ED6D9A
16.7%	16.7% #E2598A	RGB 226 89 138	#E2598A
33.3%	33.3% #D7477C	RGB 215 71 124	#D7477C
50.0%	50.0% #CD376F	RGB 205 55 111	#CD376F
66.7%	66.7% #C22863	RGB 194 40 99	#C22863
83.3%	83.3% #B71A57	RGB 183 26 87	#B71A57
100.0%	100.0% #AD0E4D	RGB 173 14 77	#AD0E4D

#ED6D9A #E2598A #D7477C #CD376F #C22863 #B71A57 #AD0E4D

#ED6D9A - #CD376F - #AD0E4D

CSS codes

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

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