#DF5EC5 - #EA8AF6 | 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 #DF5EC5 to #EA8AF6

#DF5EC5 #EA8AF6

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

#DF5EC5 - #EA8AF6 | 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 #DF5EC5 as 0% and #EA8AF6 as 100%.

0.0%	0.0% #DF5EC5	RGB 223 94 197	#DF5EC5
16.7%	16.7% #E065CD	RGB 224 101 205	#E065CD
33.3%	33.3% #E26CD5	RGB 226 108 213	#E26CD5
50.0%	50.0% #E474DD	RGB 228 116 221	#E474DD
66.7%	66.7% #E67BE5	RGB 230 123 229	#E67BE5
83.3%	83.3% #E882ED	RGB 232 130 237	#E882ED
100.0%	100.0% #EA8AF6	RGB 234 138 246	#EA8AF6

#DF5EC5 #E065CD #E26CD5 #E474DD #E67BE5 #E882ED #EA8AF6

#DF5EC5 - #EA8AF6

HSV Blend

#DF5EC5 - #EA8AF6 | 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 #DF5EC5 as 0% and #EA8AF6 as 100%.

0.0%	0.0% #DF5EC5	RGB 223 94 197	#DF5EC5
16.7%	16.7% #E264D0	RGB 226 100 208	#E264D0
33.3%	33.3% #E66BDA	RGB 230 107 218	#E66BDA
50.0%	50.0% #EA73E5	RGB 234 115 229	#EA73E5
66.7%	66.7% #ED7AEE	RGB 237 122 238	#ED7AEE
83.3%	83.3% #EB82F2	RGB 235 130 242	#EB82F2
100.0%	100.0% #EA8AF6	RGB 234 138 246	#EA8AF6

#DF5EC5 #E264D0 #E66BDA #EA73E5 #ED7AEE #EB82F2 #EA8AF6

#DF5EC5 - #EA73E5 - #EA8AF6

CSS codes

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

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