#E095E5 - #A52AA0 | 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 #E095E5 to #A52AA0

#E095E5 #A52AA0

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

#E095E5 - #A52AA0 | 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 #E095E5 as 0% and #A52AA0 as 100%.

0.0%	0.0% #E095E5	RGB 224 149 229	#E095E5
16.7%	16.7% #D683D9	RGB 214 131 217	#D683D9
33.3%	33.3% #CC71CE	RGB 204 113 206	#CC71CE
50.0%	50.0% #C25FC2	RGB 194 95 194	#C25FC2
66.7%	66.7% #B84DB7	RGB 184 77 183	#B84DB7
83.3%	83.3% #AE3BAB	RGB 174 59 171	#AE3BAB
100.0%	100.0% #A52AA0	RGB 165 42 160	#A52AA0

#E095E5 #D683D9 #CC71CE #C25FC2 #B84DB7 #AE3BAB #A52AA0

#E095E5 - #A52AA0

HSV Blend

#E095E5 - #A52AA0 | 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 #E095E5 as 0% and #A52AA0 as 100%.

0.0%	0.0% #E095E5	RGB 224 149 229	#E095E5
16.7%	16.7% #D67FDA	RGB 214 127 218	#D67FDA
33.3%	33.3% #CC6BCF	RGB 204 107 207	#CC6BCF
50.0%	50.0% #C359C5	RGB 195 89 197	#C359C5
66.7%	66.7% #BA48B9	RGB 186 72 185	#BA48B9
83.3%	83.3% #AF38AC	RGB 175 56 172	#AF38AC
100.0%	100.0% #A52AA0	RGB 165 42 160	#A52AA0

#E095E5 #D67FDA #CC6BCF #C359C5 #BA48B9 #AF38AC #A52AA0

#E095E5 - #C359C5 - #A52AA0

CSS codes

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

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