#EDA0DA - #D34ABD | 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 #EDA0DA to #D34ABD

#EDA0DA #D34ABD

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

#EDA0DA - #D34ABD | 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 #EDA0DA as 0% and #D34ABD as 100%.

0.0%	0.0% #EDA0DA	RGB 237 160 218	#EDA0DA
16.7%	16.7% #E891D5	RGB 232 145 213	#E891D5
33.3%	33.3% #E483D0	RGB 228 131 208	#E483D0
50.0%	50.0% #E075CB	RGB 224 117 203	#E075CB
66.7%	66.7% #DB66C6	RGB 219 102 198	#DB66C6
83.3%	83.3% #D758C1	RGB 215 88 193	#D758C1
100.0%	100.0% #D34ABD	RGB 211 74 189	#D34ABD

#EDA0DA #E891D5 #E483D0 #E075CB #DB66C6 #D758C1 #D34ABD

#EDA0DA - #D34ABD

HSV Blend

#EDA0DA - #D34ABD | 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 #EDA0DA as 0% and #D34ABD as 100%.

0.0%	0.0% #EDA0DA	RGB 237 160 218	#EDA0DA
16.7%	16.7% #E890D4	RGB 232 144 212	#E890D4
33.3%	33.3% #E481CE	RGB 228 129 206	#E481CE
50.0%	50.0% #E072C9	RGB 224 114 201	#E072C9
66.7%	66.7% #DB64C5	RGB 219 100 197	#DB64C5
83.3%	83.3% #D757C0	RGB 215 87 192	#D757C0
100.0%	100.0% #D34ABD	RGB 211 74 189	#D34ABD

#EDA0DA #E890D4 #E481CE #E072C9 #DB64C5 #D757C0 #D34ABD

#EDA0DA - #E072C9 - #D34ABD

CSS codes

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

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