#AFB8C8 - #E8CDFF | 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 #AFB8C8 to #E8CDFF

#AFB8C8 #E8CDFF

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

#AFB8C8 - #E8CDFF | 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 #AFB8C8 as 0% and #E8CDFF as 100%.

0.0%	0.0% #AFB8C8	RGB 175 184 200	#AFB8C8
16.7%	16.7% #B8BBD1	RGB 184 187 209	#B8BBD1
33.3%	33.3% #C2BFDA	RGB 194 191 218	#C2BFDA
50.0%	50.0% #CBC2E3	RGB 203 194 227	#CBC2E3
66.7%	66.7% #D5C6EC	RGB 213 198 236	#D5C6EC
83.3%	83.3% #DEC9F5	RGB 222 201 245	#DEC9F5
100.0%	100.0% #E8CDFF	RGB 232 205 255	#E8CDFF

#AFB8C8 #B8BBD1 #C2BFDA #CBC2E3 #D5C6EC #DEC9F5 #E8CDFF

#AFB8C8 - #E8CDFF

HSV Blend

#AFB8C8 - #E8CDFF | 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 #AFB8C8 as 0% and #E8CDFF as 100%.

0.0%	0.0% #AFB8C8	RGB 175 184 200	#AFB8C8
16.7%	16.7% #B4BAD1	RGB 180 186 209	#B4BAD1
33.3%	33.3% #B9BBDA	RGB 185 187 218	#B9BBDA
50.0%	50.0% #C2BEE3	RGB 194 190 227	#C2BEE3
66.7%	66.7% #CDC3EC	RGB 205 195 236	#CDC3EC
83.3%	83.3% #DAC8F5	RGB 218 200 245	#DAC8F5
100.0%	100.0% #E8CDFF	RGB 232 205 255	#E8CDFF

#AFB8C8 #B4BAD1 #B9BBDA #C2BEE3 #CDC3EC #DAC8F5 #E8CDFF

#AFB8C8 - #C2BEE3 - #E8CDFF

CSS codes

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

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