#9DA5C0 - #E3E4ED | 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 #9DA5C0 to #E3E4ED

#9DA5C0 #E3E4ED

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

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

0.0%	0.0% #9DA5C0	RGB 157 165 192	#9DA5C0
16.7%	16.7% #A8AFC7	RGB 168 175 199	#A8AFC7
33.3%	33.3% #B4BACF	RGB 180 186 207	#B4BACF
50.0%	50.0% #C0C4D6	RGB 192 196 214	#C0C4D6
66.7%	66.7% #CBCFDE	RGB 203 207 222	#CBCFDE
83.3%	83.3% #D7D9E5	RGB 215 217 229	#D7D9E5
100.0%	100.0% #E3E4ED	RGB 227 228 237	#E3E4ED

#9DA5C0 #A8AFC7 #B4BACF #C0C4D6 #CBCFDE #D7D9E5 #E3E4ED

#9DA5C0 - #E3E4ED

HSV Blend

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

0.0%	0.0% #9DA5C0	RGB 157 165 192	#9DA5C0
16.7%	16.7% #A7AEC7	RGB 167 174 199	#A7AEC7
33.3%	33.3% #B2B8CF	RGB 178 184 207	#B2B8CF
50.0%	50.0% #BEC2D6	RGB 190 194 214	#BEC2D6
66.7%	66.7% #CACDDE	RGB 202 205 222	#CACDDE
83.3%	83.3% #D6D8E5	RGB 214 216 229	#D6D8E5
100.0%	100.0% #E3E4ED	RGB 227 228 237	#E3E4ED

#9DA5C0 #A7AEC7 #B2B8CF #BEC2D6 #CACDDE #D6D8E5 #E3E4ED

#9DA5C0 - #BEC2D6 - #E3E4ED

CSS codes

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

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