#F2EEF8 - #A8A9C0 | 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 #F2EEF8 to #A8A9C0

#F2EEF8 #A8A9C0

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

#F2EEF8 - #A8A9C0 | 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 #F2EEF8 as 0% and #A8A9C0 as 100%.

0.0%	0.0% #F2EEF8	RGB 242 238 248	#F2EEF8
16.7%	16.7% #E5E2EE	RGB 229 226 238	#E5E2EE
33.3%	33.3% #D9D7E5	RGB 217 215 229	#D9D7E5
50.0%	50.0% #CDCBDC	RGB 205 203 220	#CDCBDC
66.7%	66.7% #C0C0D2	RGB 192 192 210	#C0C0D2
83.3%	83.3% #B4B4C9	RGB 180 180 201	#B4B4C9
100.0%	100.0% #A8A9C0	RGB 168 169 192	#A8A9C0

#F2EEF8 #E5E2EE #D9D7E5 #CDCBDC #C0C0D2 #B4B4C9 #A8A9C0

#F2EEF8 - #A8A9C0

HSV Blend

#F2EEF8 - #A8A9C0 | 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 #F2EEF8 as 0% and #A8A9C0 as 100%.

0.0%	0.0% #F2EEF8	RGB 242 238 248	#F2EEF8
16.7%	16.7% #E5E1EE	RGB 229 225 238	#E5E1EE
33.3%	33.3% #D9D5E5	RGB 217 213 229	#D9D5E5
50.0%	50.0% #CDC9DC	RGB 205 201 220	#CDC9DC
66.7%	66.7% #C0BED2	RGB 192 190 210	#C0BED2
83.3%	83.3% #B3B3C9	RGB 179 179 201	#B3B3C9
100.0%	100.0% #A8A9C0	RGB 168 169 192	#A8A9C0

#F2EEF8 #E5E1EE #D9D5E5 #CDC9DC #C0BED2 #B3B3C9 #A8A9C0

#F2EEF8 - #CDC9DC - #A8A9C0

CSS codes

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

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