#E6E6E9 - #8C91B1 | 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 #E6E6E9 to #8C91B1

#E6E6E9 #8C91B1

Calculate the color between two colors, #E6E6E9 and #8C91B1. 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)

#E6E6E9 - #8C91B1 | 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 #E6E6E9 as 0% and #8C91B1 as 100%.

0.0%	0.0% #E6E6E9	RGB 230 230 233	#E6E6E9
16.7%	16.7% #D7D7DF	RGB 215 215 223	#D7D7DF
33.3%	33.3% #C8C9D6	RGB 200 201 214	#C8C9D6
50.0%	50.0% #B9BBCD	RGB 185 187 205	#B9BBCD
66.7%	66.7% #AAADC3	RGB 170 173 195	#AAADC3
83.3%	83.3% #9B9FBA	RGB 155 159 186	#9B9FBA
100.0%	100.0% #8C91B1	RGB 140 145 177	#8C91B1

#E6E6E9 #D7D7DF #C8C9D6 #B9BBCD #AAADC3 #9B9FBA #8C91B1

#E6E6E9 - #8C91B1

HSV Blend

#E6E6E9 - #8C91B1 | 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 #E6E6E9 as 0% and #8C91B1 as 100%.

0.0%	0.0% #E6E6E9	RGB 230 230 233	#E6E6E9
16.7%	16.7% #D5D5DF	RGB 213 213 223	#D5D5DF
33.3%	33.3% #C5C6D6	RGB 197 198 214	#C5C6D6
50.0%	50.0% #B6B7CD	RGB 182 183 205	#B6B7CD
66.7%	66.7% #A7AAC3	RGB 167 170 195	#A7AAC3
83.3%	83.3% #999DBA	RGB 153 157 186	#999DBA
100.0%	100.0% #8C91B1	RGB 140 145 177	#8C91B1

#E6E6E9 #D5D5DF #C5C6D6 #B6B7CD #A7AAC3 #999DBA #8C91B1

#E6E6E9 - #B6B7CD - #8C91B1

CSS codes

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

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