#F5EBF5 - #A8A7BB | 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 #F5EBF5 to #A8A7BB

#F5EBF5 #A8A7BB

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

#F5EBF5 - #A8A7BB | 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 #F5EBF5 as 0% and #A8A7BB as 100%.

0.0%	0.0% #F5EBF5	RGB 245 235 245	#F5EBF5
16.7%	16.7% #E8DFEB	RGB 232 223 235	#E8DFEB
33.3%	33.3% #DBD4E1	RGB 219 212 225	#DBD4E1
50.0%	50.0% #CEC9D8	RGB 206 201 216	#CEC9D8
66.7%	66.7% #C1BDCE	RGB 193 189 206	#C1BDCE
83.3%	83.3% #B4B2C4	RGB 180 178 196	#B4B2C4
100.0%	100.0% #A8A7BB	RGB 168 167 187	#A8A7BB

#F5EBF5 #E8DFEB #DBD4E1 #CEC9D8 #C1BDCE #B4B2C4 #A8A7BB

#F5EBF5 - #A8A7BB

HSV Blend

#F5EBF5 - #A8A7BB | 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 #F5EBF5 as 0% and #A8A7BB as 100%.

0.0%	0.0% #F5EBF5	RGB 245 235 245	#F5EBF5
16.7%	16.7% #E9DFEB	RGB 233 223 235	#E9DFEB
33.3%	33.3% #DDD3E1	RGB 221 211 225	#DDD3E1
50.0%	50.0% #D0C8D8	RGB 208 200 216	#D0C8D8
66.7%	66.7% #C3BCCE	RGB 195 188 206	#C3BCCE
83.3%	83.3% #B5B1C4	RGB 181 177 196	#B5B1C4
100.0%	100.0% #A8A7BB	RGB 168 167 187	#A8A7BB

#F5EBF5 #E9DFEB #DDD3E1 #D0C8D8 #C3BCCE #B5B1C4 #A8A7BB

#F5EBF5 - #D0C8D8 - #A8A7BB

CSS codes

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

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