#9DA8C8 - #E3E5EF | 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 #9DA8C8 to #E3E5EF

#9DA8C8 #E3E5EF

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

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

0.0%	0.0% #9DA8C8	RGB 157 168 200	#9DA8C8
16.7%	16.7% #A8B2CE	RGB 168 178 206	#A8B2CE
33.3%	33.3% #B4BCD5	RGB 180 188 213	#B4BCD5
50.0%	50.0% #C0C6DB	RGB 192 198 219	#C0C6DB
66.7%	66.7% #CBD0E2	RGB 203 208 226	#CBD0E2
83.3%	83.3% #D7DAE8	RGB 215 218 232	#D7DAE8
100.0%	100.0% #E3E5EF	RGB 227 229 239	#E3E5EF

#9DA8C8 #A8B2CE #B4BCD5 #C0C6DB #CBD0E2 #D7DAE8 #E3E5EF

#9DA8C8 - #E3E5EF

HSV Blend

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

0.0%	0.0% #9DA8C8	RGB 157 168 200	#9DA8C8
16.7%	16.7% #A7B1CE	RGB 167 177 206	#A7B1CE
33.3%	33.3% #B2BAD5	RGB 178 186 213	#B2BAD5
50.0%	50.0% #BEC4DB	RGB 190 196 219	#BEC4DB
66.7%	66.7% #CACEE2	RGB 202 206 226	#CACEE2
83.3%	83.3% #D6D9E8	RGB 214 217 232	#D6D9E8
100.0%	100.0% #E3E5EF	RGB 227 229 239	#E3E5EF

#9DA8C8 #A7B1CE #B2BAD5 #BEC4DB #CACEE2 #D6D9E8 #E3E5EF

#9DA8C8 - #BEC4DB - #E3E5EF

CSS codes

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

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