#EA85FF - #A408CC | 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 #EA85FF to #A408CC

#EA85FF #A408CC

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

#EA85FF - #A408CC | 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 #EA85FF as 0% and #A408CC as 100%.

0.0%	0.0% #EA85FF	RGB 234 133 255	#EA85FF
16.7%	16.7% #DE70F6	RGB 222 112 246	#DE70F6
33.3%	33.3% #D25BEE	RGB 210 91 238	#D25BEE
50.0%	50.0% #C746E5	RGB 199 70 229	#C746E5
66.7%	66.7% #BB31DD	RGB 187 49 221	#BB31DD
83.3%	83.3% #AF1CD4	RGB 175 28 212	#AF1CD4
100.0%	100.0% #A408CC	RGB 164 8 204	#A408CC

#EA85FF #DE70F6 #D25BEE #C746E5 #BB31DD #AF1CD4 #A408CC

#EA85FF - #A408CC

HSV Blend

#EA85FF - #A408CC | 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 #EA85FF as 0% and #A408CC as 100%.

0.0%	0.0% #EA85FF	RGB 234 133 255	#EA85FF
16.7%	16.7% #DE6CF6	RGB 222 108 246	#DE6CF6
33.3%	33.3% #D255EE	RGB 210 85 238	#D255EE
50.0%	50.0% #C640E5	RGB 198 64 229	#C640E5
66.7%	66.7% #BA2CDD	RGB 186 44 221	#BA2CDD
83.3%	83.3% #AF19D4	RGB 175 25 212	#AF19D4
100.0%	100.0% #A408CC	RGB 164 8 204	#A408CC

#EA85FF #DE6CF6 #D255EE #C640E5 #BA2CDD #AF19D4 #A408CC

#EA85FF - #C640E5 - #A408CC

CSS codes

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

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