#EDB8F2 - #D965D3 | 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 #EDB8F2 to #D965D3

#EDB8F2 #D965D3

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

#EDB8F2 - #D965D3 | 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 #EDB8F2 as 0% and #D965D3 as 100%.

0.0%	0.0% #EDB8F2	RGB 237 184 242	#EDB8F2
16.7%	16.7% #E9AAEC	RGB 233 170 236	#E9AAEC
33.3%	33.3% #E69CE7	RGB 230 156 231	#E69CE7
50.0%	50.0% #E38EE2	RGB 227 142 226	#E38EE2
66.7%	66.7% #DF80DD	RGB 223 128 221	#DF80DD
83.3%	83.3% #DC72D8	RGB 220 114 216	#DC72D8
100.0%	100.0% #D965D3	RGB 217 101 211	#D965D3

#EDB8F2 #E9AAEC #E69CE7 #E38EE2 #DF80DD #DC72D8 #D965D3

#EDB8F2 - #D965D3

HSV Blend

#EDB8F2 - #D965D3 | 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 #EDB8F2 as 0% and #D965D3 as 100%.

0.0%	0.0% #EDB8F2	RGB 237 184 242	#EDB8F2
16.7%	16.7% #E9A9ED	RGB 233 169 237	#E9A9ED
33.3%	33.3% #E69AE9	RGB 230 154 233	#E69AE9
50.0%	50.0% #E38CE5	RGB 227 140 229	#E38CE5
66.7%	66.7% #E17FE0	RGB 225 127 224	#E17FE0
83.3%	83.3% #DD71DA	RGB 221 113 218	#DD71DA
100.0%	100.0% #D965D3	RGB 217 101 211	#D965D3

#EDB8F2 #E9A9ED #E69AE9 #E38CE5 #E17FE0 #DD71DA #D965D3

#EDB8F2 - #E38CE5 - #D965D3

CSS codes

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

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