#A535A6 - #E5C5E5 | 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 #A535A6 to #E5C5E5

#A535A6 #E5C5E5

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

#A535A6 - #E5C5E5 | 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 #A535A6 as 0% and #E5C5E5 as 100%.

0.0%	0.0% #A535A6	RGB 165 53 166	#A535A6
16.7%	16.7% #AF4DB0	RGB 175 77 176	#AF4DB0
33.3%	33.3% #BA65BB	RGB 186 101 187	#BA65BB
50.0%	50.0% #C57DC5	RGB 197 125 197	#C57DC5
66.7%	66.7% #CF95D0	RGB 207 149 208	#CF95D0
83.3%	83.3% #DAADDA	RGB 218 173 218	#DAADDA
100.0%	100.0% #E5C5E5	RGB 229 197 229	#E5C5E5

#A535A6 #AF4DB0 #BA65BB #C57DC5 #CF95D0 #DAADDA #E5C5E5

#A535A6 - #E5C5E5

HSV Blend

#A535A6 - #E5C5E5 | 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 #A535A6 as 0% and #E5C5E5 as 100%.

0.0%	0.0% #A535A6	RGB 165 53 166	#A535A6
16.7%	16.7% #AF48B0	RGB 175 72 176	#AF48B0
33.3%	33.3% #BA5DBB	RGB 186 93 187	#BA5DBB
50.0%	50.0% #C574C5	RGB 197 116 197	#C574C5
66.7%	66.7% #CF8DD0	RGB 207 141 208	#CF8DD0
83.3%	83.3% #DAA8DA	RGB 218 168 218	#DAA8DA
100.0%	100.0% #E5C5E5	RGB 229 197 229	#E5C5E5

#A535A6 #AF48B0 #BA5DBB #C574C5 #CF8DD0 #DAA8DA #E5C5E5

#A535A6 - #C574C5 - #E5C5E5

CSS codes

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

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