#AF36A3 - #E8C5E4 | 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 #AF36A3 to #E8C5E4

#AF36A3 #E8C5E4

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

#AF36A3 - #E8C5E4 | 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 #AF36A3 as 0% and #E8C5E4 as 100%.

0.0%	0.0% #AF36A3	RGB 175 54 163	#AF36A3
16.7%	16.7% #B84DAD	RGB 184 77 173	#B84DAD
33.3%	33.3% #C265B8	RGB 194 101 184	#C265B8
50.0%	50.0% #CB7DC3	RGB 203 125 195	#CB7DC3
66.7%	66.7% #D595CE	RGB 213 149 206	#D595CE
83.3%	83.3% #DEADD9	RGB 222 173 217	#DEADD9
100.0%	100.0% #E8C5E4	RGB 232 197 228	#E8C5E4

#AF36A3 #B84DAD #C265B8 #CB7DC3 #D595CE #DEADD9 #E8C5E4

#AF36A3 - #E8C5E4

HSV Blend

#AF36A3 - #E8C5E4 | 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 #AF36A3 as 0% and #E8C5E4 as 100%.

0.0%	0.0% #AF36A2	RGB 175 54 162	#AF36A2
16.7%	16.7% #B849AD	RGB 184 73 173	#B849AD
33.3%	33.3% #C25EB7	RGB 194 94 183	#C25EB7
50.0%	50.0% #CB75C2	RGB 203 117 194	#CB75C2
66.7%	66.7% #D58ECD	RGB 213 142 205	#D58ECD
83.3%	83.3% #DEA8D8	RGB 222 168 216	#DEA8D8
100.0%	100.0% #E8C5E4	RGB 232 197 228	#E8C5E4

#AF36A2 #B849AD #C25EB7 #CB75C2 #D58ECD #DEA8D8 #E8C5E4

#AF36A3 - #CB75C2 - #E8C5E4

CSS codes

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

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