#9EA3C8 - #E3E3EF | 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 #9EA3C8 to #E3E3EF

#9EA3C8 #E3E3EF

Calculate the color between two colors, #9EA3C8 and #E3E3EF. 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)

#9EA3C8 - #E3E3EF | 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 #9EA3C8 as 0% and #E3E3EF as 100%.

0.0%	0.0% #9EA3C8	RGB 158 163 200	#9EA3C8
16.7%	16.7% #A9ADCE	RGB 169 173 206	#A9ADCE
33.3%	33.3% #B5B8D5	RGB 181 184 213	#B5B8D5
50.0%	50.0% #C0C3DB	RGB 192 195 219	#C0C3DB
66.7%	66.7% #CCCDE2	RGB 204 205 226	#CCCDE2
83.3%	83.3% #D7D8E8	RGB 215 216 232	#D7D8E8
100.0%	100.0% #E3E3EF	RGB 227 227 239	#E3E3EF

#9EA3C8 #A9ADCE #B5B8D5 #C0C3DB #CCCDE2 #D7D8E8 #E3E3EF

#9EA3C8 - #E3E3EF

HSV Blend

#9EA3C8 - #E3E3EF | 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 #9EA3C8 as 0% and #E3E3EF as 100%.

0.0%	0.0% #9EA3C8	RGB 158 163 200	#9EA3C8
16.7%	16.7% #A8ACCE	RGB 168 172 206	#A8ACCE
33.3%	33.3% #B3B6D5	RGB 179 182 213	#B3B6D5
50.0%	50.0% #BEC0DB	RGB 190 192 219	#BEC0DB
66.7%	66.7% #CACBE2	RGB 202 203 226	#CACBE2
83.3%	83.3% #D6D6E8	RGB 214 214 232	#D6D6E8
100.0%	100.0% #E3E3EF	RGB 227 227 239	#E3E3EF

#9EA3C8 #A8ACCE #B3B6D5 #BEC0DB #CACBE2 #D6D6E8 #E3E3EF

#9EA3C8 - #BEC0DB - #E3E3EF

CSS codes

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

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