#AF85BA - #E8DCEB | 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 #AF85BA to #E8DCEB

#AF85BA #E8DCEB

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

#AF85BA - #E8DCEB | 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 #AF85BA as 0% and #E8DCEB as 100%.

0.0%	0.0% #AF85BA	RGB 175 133 186	#AF85BA
16.7%	16.7% #B893C2	RGB 184 147 194	#B893C2
33.3%	33.3% #C2A2CA	RGB 194 162 202	#C2A2CA
50.0%	50.0% #CBB0D2	RGB 203 176 210	#CBB0D2
66.7%	66.7% #D5BFDA	RGB 213 191 218	#D5BFDA
83.3%	83.3% #DECDE2	RGB 222 205 226	#DECDE2
100.0%	100.0% #E8DCEB	RGB 232 220 235	#E8DCEB

#AF85BA #B893C2 #C2A2CA #CBB0D2 #D5BFDA #DECDE2 #E8DCEB

#AF85BA - #E8DCEB

HSV Blend

#AF85BA - #E8DCEB | 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 #AF85BA as 0% and #E8DCEB as 100%.

0.0%	0.0% #AF85BA	RGB 175 133 186	#AF85BA
16.7%	16.7% #B891C2	RGB 184 145 194	#B891C2
33.3%	33.3% #C19FCA	RGB 193 159 202	#C19FCA
50.0%	50.0% #CBADD2	RGB 203 173 210	#CBADD2
66.7%	66.7% #D4BCDA	RGB 212 188 218	#D4BCDA
83.3%	83.3% #DECBE2	RGB 222 203 226	#DECBE2
100.0%	100.0% #E8DCEB	RGB 232 220 235	#E8DCEB

#AF85BA #B891C2 #C19FCA #CBADD2 #D4BCDA #DECBE2 #E8DCEB

#AF85BA - #CBADD2 - #E8DCEB

CSS codes

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

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