#AF5E9D - #E8D1E3 | 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 #AF5E9D to #E8D1E3

#AF5E9D #E8D1E3

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

#AF5E9D - #E8D1E3 | 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 #AF5E9D as 0% and #E8D1E3 as 100%.

0.0%	0.0% #AF5E9D	RGB 175 94 157	#AF5E9D
16.7%	16.7% #B871A8	RGB 184 113 168	#B871A8
33.3%	33.3% #C284B4	RGB 194 132 180	#C284B4
50.0%	50.0% #CB97C0	RGB 203 151 192	#CB97C0
66.7%	66.7% #D5AACB	RGB 213 170 203	#D5AACB
83.3%	83.3% #DEBDD7	RGB 222 189 215	#DEBDD7
100.0%	100.0% #E8D1E3	RGB 232 209 227	#E8D1E3

#AF5E9D #B871A8 #C284B4 #CB97C0 #D5AACB #DEBDD7 #E8D1E3

#AF5E9D - #E8D1E3

HSV Blend

#AF5E9D - #E8D1E3 | 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 #AF5E9D as 0% and #E8D1E3 as 100%.

0.0%	0.0% #AF5E9C	RGB 175 94 156	#AF5E9C
16.7%	16.7% #B86EA8	RGB 184 110 168	#B86EA8
33.3%	33.3% #C27FB3	RGB 194 127 179	#C27FB3
50.0%	50.0% #CB92BE	RGB 203 146 190	#CB92BE
66.7%	66.7% #D5A6CA	RGB 213 166 202	#D5A6CA
83.3%	83.3% #DEBAD6	RGB 222 186 214	#DEBAD6
100.0%	100.0% #E8D1E3	RGB 232 209 227	#E8D1E3

#AF5E9C #B86EA8 #C27FB3 #CB92BE #D5A6CA #DEBAD6 #E8D1E3

#AF5E9D - #CB92BE - #E8D1E3

CSS codes

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

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