#989FAA - #E1E3E6 | 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 #989FAA to #E1E3E6

#989FAA #E1E3E6

Calculate the color between two colors, #989FAA and #E1E3E6. 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)

#989FAA - #E1E3E6 | 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 #989FAA as 0% and #E1E3E6 as 100%.

0.0%	0.0% #989FAA	RGB 152 159 170	#989FAA
16.7%	16.7% #A4AAB4	RGB 164 170 180	#A4AAB4
33.3%	33.3% #B0B5BE	RGB 176 181 190	#B0B5BE
50.0%	50.0% #BCC1C8	RGB 188 193 200	#BCC1C8
66.7%	66.7% #C8CCD2	RGB 200 204 210	#C8CCD2
83.3%	83.3% #D4D7DC	RGB 212 215 220	#D4D7DC
100.0%	100.0% #E1E3E6	RGB 225 227 230	#E1E3E6

#989FAA #A4AAB4 #B0B5BE #BCC1C8 #C8CCD2 #D4D7DC #E1E3E6

#989FAA - #E1E3E6

HSV Blend

#989FAA - #E1E3E6 | 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 #989FAA as 0% and #E1E3E6 as 100%.

0.0%	0.0% #989FAA	RGB 152 159 170	#989FAA
16.7%	16.7% #A3A9B4	RGB 163 169 180	#A3A9B4
33.3%	33.3% #AFB5BE	RGB 175 181 190	#AFB5BE
50.0%	50.0% #BBC0C8	RGB 187 192 200	#BBC0C8
66.7%	66.7% #C7CBD2	RGB 199 203 210	#C7CBD2
83.3%	83.3% #D4D7DC	RGB 212 215 220	#D4D7DC
100.0%	100.0% #E1E3E6	RGB 225 227 230	#E1E3E6

#989FAA #A3A9B4 #AFB5BE #BBC0C8 #C7CBD2 #D4D7DC #E1E3E6

#989FAA - #BBC0C8 - #E1E3E6

CSS codes

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

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