#E2A2FF - #C132E4 | 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 #E2A2FF to #C132E4

#E2A2FF #C132E4

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

#E2A2FF - #C132E4 | 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 #E2A2FF as 0% and #C132E4 as 100%.

0.0%	0.0% #E2A2FF	RGB 226 162 255	#E2A2FF
16.7%	16.7% #DC8FFA	RGB 220 143 250	#DC8FFA
33.3%	33.3% #D77CF6	RGB 215 124 246	#D77CF6
50.0%	50.0% #D16AF1	RGB 209 106 241	#D16AF1
66.7%	66.7% #CC57ED	RGB 204 87 237	#CC57ED
83.3%	83.3% #C644E8	RGB 198 68 232	#C644E8
100.0%	100.0% #C132E4	RGB 193 50 228	#C132E4

#E2A2FF #DC8FFA #D77CF6 #D16AF1 #CC57ED #C644E8 #C132E4

#E2A2FF - #C132E4

HSV Blend

#E2A2FF - #C132E4 | 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 #E2A2FF as 0% and #C132E4 as 100%.

0.0%	0.0% #E2A2FF	RGB 226 162 255	#E2A2FF
16.7%	16.7% #DA8DFA	RGB 218 141 250	#DA8DFA
33.3%	33.3% #D47AF6	RGB 212 122 246	#D47AF6
50.0%	50.0% #CE67F1	RGB 206 103 241	#CE67F1
66.7%	66.7% #C954ED	RGB 201 84 237	#C954ED
83.3%	83.3% #C443E8	RGB 196 67 232	#C443E8
100.0%	100.0% #C132E4	RGB 193 50 228	#C132E4

#E2A2FF #DA8DFA #D47AF6 #CE67F1 #C954ED #C443E8 #C132E4

#E2A2FF - #CE67F1 - #C132E4

CSS codes

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

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