#AF9ECC - #FFEACB | 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 #AF9ECC to #FFEACB

#AF9ECC #FFEACB

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

#AF9ECC - #FFEACB | 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 #AF9ECC as 0% and #FFEACB as 100%.

0.0%	0.0% #AF9ECC	RGB 175 158 204	#AF9ECC
16.7%	16.7% #BCAACB	RGB 188 170 203	#BCAACB
33.3%	33.3% #C9B7CB	RGB 201 183 203	#C9B7CB
50.0%	50.0% #D7C4CB	RGB 215 196 203	#D7C4CB
66.7%	66.7% #E4D0CB	RGB 228 208 203	#E4D0CB
83.3%	83.3% #F1DDCB	RGB 241 221 203	#F1DDCB
100.0%	100.0% #FFEACB	RGB 255 234 203	#FFEACB

#AF9ECC #BCAACB #C9B7CB #D7C4CB #E4D0CB #F1DDCB #FFEACB

#AF9ECC - #FFEACB

HSV Blend

#AF9ECC - #FFEACB | 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 #AF9ECC as 0% and #FFEACB as 100%.

0.0%	0.0% #AF9ECC	RGB 175 158 204	#AF9ECC
16.7%	16.7% #C8A5D4	RGB 200 165 212	#C8A5D4
33.3%	33.3% #DDACD7	RGB 221 172 215	#DDACD7
50.0%	50.0% #E5B4CD	RGB 229 180 205	#E5B4CD
66.7%	66.7% #EEBBC3	RGB 238 187 195	#EEBBC3
83.3%	83.3% #F6CEC3	RGB 246 206 195	#F6CEC3
100.0%	100.0% #FFEACB	RGB 255 234 203	#FFEACB

#AF9ECC #C8A5D4 #DDACD7 #E5B4CD #EEBBC3 #F6CEC3 #FFEACB

#AF9ECC - #E5B4CD - #FFEACB

CSS codes

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

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