#AF5E91 - #E8D1DE | 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 #AF5E91 to #E8D1DE

#AF5E91 #E8D1DE

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

#AF5E91 - #E8D1DE | 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 #AF5E91 as 0% and #E8D1DE as 100%.

0.0%	0.0% #AF5E91	RGB 175 94 145	#AF5E91
16.7%	16.7% #B8719D	RGB 184 113 157	#B8719D
33.3%	33.3% #C284AA	RGB 194 132 170	#C284AA
50.0%	50.0% #CB97B7	RGB 203 151 183	#CB97B7
66.7%	66.7% #D5AAC4	RGB 213 170 196	#D5AAC4
83.3%	83.3% #DEBDD1	RGB 222 189 209	#DEBDD1
100.0%	100.0% #E8D1DE	RGB 232 209 222	#E8D1DE

#AF5E91 #B8719D #C284AA #CB97B7 #D5AAC4 #DEBDD1 #E8D1DE

#AF5E91 - #E8D1DE

HSV Blend

#AF5E91 - #E8D1DE | 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 #AF5E91 as 0% and #E8D1DE as 100%.

0.0%	0.0% #AF5E91	RGB 175 94 145	#AF5E91
16.7%	16.7% #B86E9C	RGB 184 110 156	#B86E9C
33.3%	33.3% #C27FA8	RGB 194 127 168	#C27FA8
50.0%	50.0% #CB92B4	RGB 203 146 180	#CB92B4
66.7%	66.7% #D5A6C1	RGB 213 166 193	#D5A6C1
83.3%	83.3% #DEBACF	RGB 222 186 207	#DEBACF
100.0%	100.0% #E8D1DE	RGB 232 209 222	#E8D1DE

#AF5E91 #B86E9C #C27FA8 #CB92B4 #D5A6C1 #DEBACF #E8D1DE

#AF5E91 - #CB92B4 - #E8D1DE

CSS codes

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

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