#AF558C - #E8CEDE | 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 #AF558C to #E8CEDE

#AF558C #E8CEDE

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

#AF558C - #E8CEDE | 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 #AF558C as 0% and #E8CEDE as 100%.

0.0%	0.0% #AF558C	RGB 175 85 140	#AF558C
16.7%	16.7% #B86999	RGB 184 105 153	#B86999
33.3%	33.3% #C27DA7	RGB 194 125 167	#C27DA7
50.0%	50.0% #CB91B5	RGB 203 145 181	#CB91B5
66.7%	66.7% #D5A5C2	RGB 213 165 194	#D5A5C2
83.3%	83.3% #DEB9D0	RGB 222 185 208	#DEB9D0
100.0%	100.0% #E8CEDE	RGB 232 206 222	#E8CEDE

#AF558C #B86999 #C27DA7 #CB91B5 #D5A5C2 #DEB9D0 #E8CEDE

#AF558C - #E8CEDE

HSV Blend

#AF558C - #E8CEDE | 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 #AF558C as 0% and #E8CEDE as 100%.

0.0%	0.0% #AF558C	RGB 175 85 140	#AF558C
16.7%	16.7% #B86598	RGB 184 101 152	#B86598
33.3%	33.3% #C278A5	RGB 194 120 165	#C278A5
50.0%	50.0% #CB8BB2	RGB 203 139 178	#CB8BB2
66.7%	66.7% #D5A0C0	RGB 213 160 192	#D5A0C0
83.3%	83.3% #DEB6CF	RGB 222 182 207	#DEB6CF
100.0%	100.0% #E8CEDE	RGB 232 206 222	#E8CEDE

#AF558C #B86598 #C278A5 #CB8BB2 #D5A0C0 #DEB6CF #E8CEDE

#AF558C - #CB8BB2 - #E8CEDE

CSS codes

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

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