#EDA2D7 - #D24CB6 | 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 #EDA2D7 to #D24CB6

#EDA2D7 #D24CB6

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

#EDA2D7 - #D24CB6 | 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 #EDA2D7 as 0% and #D24CB6 as 100%.

0.0%	0.0% #EDA2D7	RGB 237 162 215	#EDA2D7
16.7%	16.7% #E893D1	RGB 232 147 209	#E893D1
33.3%	33.3% #E485CC	RGB 228 133 204	#E485CC
50.0%	50.0% #DF77C6	RGB 223 119 198	#DF77C6
66.7%	66.7% #DB68C1	RGB 219 104 193	#DB68C1
83.3%	83.3% #D65ABB	RGB 214 90 187	#D65ABB
100.0%	100.0% #D24CB6	RGB 210 76 182	#D24CB6

#EDA2D7 #E893D1 #E485CC #DF77C6 #DB68C1 #D65ABB #D24CB6

#EDA2D7 - #D24CB6

HSV Blend

#EDA2D7 - #D24CB6 | 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 #EDA2D7 as 0% and #D24CB6 as 100%.

0.0%	0.0% #EDA2D7	RGB 237 162 215	#EDA2D7
16.7%	16.7% #E892D0	RGB 232 146 208	#E892D0
33.3%	33.3% #E483CA	RGB 228 131 202	#E483CA
50.0%	50.0% #DF74C4	RGB 223 116 196	#DF74C4
66.7%	66.7% #DB66BF	RGB 219 102 191	#DB66BF
83.3%	83.3% #D659BA	RGB 214 89 186	#D659BA
100.0%	100.0% #D24CB6	RGB 210 76 182	#D24CB6

#EDA2D7 #E892D0 #E483CA #DF74C4 #DB66BF #D659BA #D24CB6

#EDA2D7 - #DF74C4 - #D24CB6

CSS codes

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

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