#EDB7E2 - #D361C5 | 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 #EDB7E2 to #D361C5

#EDB7E2 #D361C5

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

#EDB7E2 - #D361C5 | 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 #EDB7E2 as 0% and #D361C5 as 100%.

0.0%	0.0% #EDB7E2	RGB 237 183 226	#EDB7E2
16.7%	16.7% #E8A8DD	RGB 232 168 221	#E8A8DD
33.3%	33.3% #E49AD8	RGB 228 154 216	#E49AD8
50.0%	50.0% #E08CD3	RGB 224 140 211	#E08CD3
66.7%	66.7% #DB7DCE	RGB 219 125 206	#DB7DCE
83.3%	83.3% #D76FC9	RGB 215 111 201	#D76FC9
100.0%	100.0% #D361C5	RGB 211 97 197	#D361C5

#EDB7E2 #E8A8DD #E49AD8 #E08CD3 #DB7DCE #D76FC9 #D361C5

#EDB7E2 - #D361C5

HSV Blend

#EDB7E2 - #D361C5 | 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 #EDB7E2 as 0% and #D361C5 as 100%.

0.0%	0.0% #EDB7E2	RGB 237 183 226	#EDB7E2
16.7%	16.7% #E8A7DC	RGB 232 167 220	#E8A7DC
33.3%	33.3% #E498D6	RGB 228 152 214	#E498D6
50.0%	50.0% #E089D1	RGB 224 137 209	#E089D1
66.7%	66.7% #DB7BCD	RGB 219 123 205	#DB7BCD
83.3%	83.3% #D76EC9	RGB 215 110 201	#D76EC9
100.0%	100.0% #D361C5	RGB 211 97 197	#D361C5

#EDB7E2 #E8A7DC #E498D6 #E089D1 #DB7BCD #D76EC9 #D361C5

#EDB7E2 - #E089D1 - #D361C5

CSS codes

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

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