#ED38A8 - #98005E | 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 #ED38A8 to #98005E

#ED38A8 #98005E

Calculate the color between two colors, #ED38A8 and #98005E. 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)

#ED38A8 - #98005E | 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 #ED38A8 as 0% and #98005E as 100%.

0.0%	0.0% #ED38A8	RGB 237 56 168	#ED38A8
16.7%	16.7% #DE2E9B	RGB 222 46 155	#DE2E9B
33.3%	33.3% #D0258F	RGB 208 37 143	#D0258F
50.0%	50.0% #C21C83	RGB 194 28 131	#C21C83
66.7%	66.7% #B41276	RGB 180 18 118	#B41276
83.3%	83.3% #A6096A	RGB 166 9 106	#A6096A
100.0%	100.0% #98005E	RGB 152 0 94	#98005E

#ED38A8 #DE2E9B #D0258F #C21C83 #B41276 #A6096A #98005E

#ED38A8 - #98005E

HSV Blend

#ED38A8 - #98005E | 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 #ED38A8 as 0% and #98005E as 100%.

0.0%	0.0% #ED38A8	RGB 237 56 168	#ED38A8
16.7%	16.7% #DE2B9A	RGB 222 43 154	#DE2B9A
33.3%	33.3% #D0208D	RGB 208 32 141	#D0208D
50.0%	50.0% #C21681	RGB 194 22 129	#C21681
66.7%	66.7% #B40E74	RGB 180 14 116	#B40E74
83.3%	83.3% #A60669	RGB 166 6 105	#A60669
100.0%	100.0% #98005E	RGB 152 0 94	#98005E

#ED38A8 #DE2B9A #D0208D #C21681 #B40E74 #A60669 #98005E

#ED38A8 - #C21681 - #98005E

CSS codes

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

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