#AF2B53 - #E8C2CD | 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 #AF2B53 to #E8C2CD

#AF2B53 #E8C2CD

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

#AF2B53 - #E8C2CD | 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 #AF2B53 as 0% and #E8C2CD as 100%.

0.0%	0.0% #AF2B53	RGB 175 43 83	#AF2B53
16.7%	16.7% #B84467	RGB 184 68 103	#B84467
33.3%	33.3% #C25D7B	RGB 194 93 123	#C25D7B
50.0%	50.0% #CB7690	RGB 203 118 144	#CB7690
66.7%	66.7% #D58FA4	RGB 213 143 164	#D58FA4
83.3%	83.3% #DEA8B8	RGB 222 168 184	#DEA8B8
100.0%	100.0% #E8C2CD	RGB 232 194 205	#E8C2CD

#AF2B53 #B84467 #C25D7B #CB7690 #D58FA4 #DEA8B8 #E8C2CD

#AF2B53 - #E8C2CD

HSV Blend

#AF2B53 - #E8C2CD | 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 #AF2B53 as 0% and #E8C2CD as 100%.

0.0%	0.0% #AF2B52	RGB 175 43 82	#AF2B52
16.7%	16.7% #B83F63	RGB 184 63 99	#B83F63
33.3%	33.3% #C25576	RGB 194 85 118	#C25576
50.0%	50.0% #CB6E89	RGB 203 110 137	#CB6E89
66.7%	66.7% #D5889E	RGB 213 136 158	#D5889E
83.3%	83.3% #DEA4B5	RGB 222 164 181	#DEA4B5
100.0%	100.0% #E8C2CD	RGB 232 194 205	#E8C2CD

#AF2B52 #B83F63 #C25576 #CB6E89 #D5889E #DEA4B5 #E8C2CD

#AF2B53 - #CB6E89 - #E8C2CD

CSS codes

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

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