#AF3C84 - #E8C7DB | 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 #AF3C84 to #E8C7DB

#AF3C84 #E8C7DB

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

#AF3C84 - #E8C7DB | 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 #AF3C84 as 0% and #E8C7DB as 100%.

0.0%	0.0% #AF3C84	RGB 175 60 132	#AF3C84
16.7%	16.7% #B85392	RGB 184 83 146	#B85392
33.3%	33.3% #C26AA1	RGB 194 106 161	#C26AA1
50.0%	50.0% #CB81AF	RGB 203 129 175	#CB81AF
66.7%	66.7% #D598BE	RGB 213 152 190	#D598BE
83.3%	83.3% #DEAFCC	RGB 222 175 204	#DEAFCC
100.0%	100.0% #E8C7DB	RGB 232 199 219	#E8C7DB

#AF3C84 #B85392 #C26AA1 #CB81AF #D598BE #DEAFCC #E8C7DB

#AF3C84 - #E8C7DB

HSV Blend

#AF3C84 - #E8C7DB | 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 #AF3C84 as 0% and #E8C7DB as 100%.

0.0%	0.0% #AF3C84	RGB 175 60 132	#AF3C84
16.7%	16.7% #B84F90	RGB 184 79 144	#B84F90
33.3%	33.3% #C2639E	RGB 194 99 158	#C2639E
50.0%	50.0% #CB7AAC	RGB 203 122 172	#CB7AAC
66.7%	66.7% #D592BB	RGB 213 146 187	#D592BB
83.3%	83.3% #DEABCA	RGB 222 171 202	#DEABCA
100.0%	100.0% #E8C7DB	RGB 232 199 219	#E8C7DB

#AF3C84 #B84F90 #C2639E #CB7AAC #D592BB #DEABCA #E8C7DB

#AF3C84 - #CB7AAC - #E8C7DB

CSS codes

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

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