#AF3464 - #E8C5D3 | 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 #AF3464 to #E8C5D3

#AF3464 #E8C5D3

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

#AF3464 - #E8C5D3 | 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 #AF3464 as 0% and #E8C5D3 as 100%.

0.0%	0.0% #AF3464	RGB 175 52 100	#AF3464
16.7%	16.7% #B84C76	RGB 184 76 118	#B84C76
33.3%	33.3% #C26489	RGB 194 100 137	#C26489
50.0%	50.0% #CB7C9B	RGB 203 124 155	#CB7C9B
66.7%	66.7% #D594AE	RGB 213 148 174	#D594AE
83.3%	83.3% #DEACC0	RGB 222 172 192	#DEACC0
100.0%	100.0% #E8C5D3	RGB 232 197 211	#E8C5D3

#AF3464 #B84C76 #C26489 #CB7C9B #D594AE #DEACC0 #E8C5D3

#AF3464 - #E8C5D3

HSV Blend

#AF3464 - #E8C5D3 | 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 #AF3464 as 0% and #E8C5D3 as 100%.

0.0%	0.0% #AF3464	RGB 175 52 100	#AF3464
16.7%	16.7% #B84773	RGB 184 71 115	#B84773
33.3%	33.3% #C25D84	RGB 194 93 132	#C25D84
50.0%	50.0% #CB7496	RGB 203 116 150	#CB7496
66.7%	66.7% #D58DA9	RGB 213 141 169	#D58DA9
83.3%	83.3% #DEA8BD	RGB 222 168 189	#DEA8BD
100.0%	100.0% #E8C5D3	RGB 232 197 211	#E8C5D3

#AF3464 #B84773 #C25D84 #CB7496 #D58DA9 #DEA8BD #E8C5D3

#AF3464 - #CB7496 - #E8C5D3

CSS codes

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

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