#EDF1F7 - #9CB3C5 | 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 #EDF1F7 to #9CB3C5

#EDF1F7 #9CB3C5

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

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

0.0%	0.0% #EDF1F7	RGB 237 241 247	#EDF1F7
16.7%	16.7% #DFE6EE	RGB 223 230 238	#DFE6EE
33.3%	33.3% #D2DCE6	RGB 210 220 230	#D2DCE6
50.0%	50.0% #C4D2DE	RGB 196 210 222	#C4D2DE
66.7%	66.7% #B7C7D5	RGB 183 199 213	#B7C7D5
83.3%	83.3% #A9BDCD	RGB 169 189 205	#A9BDCD
100.0%	100.0% #9CB3C5	RGB 156 179 197	#9CB3C5

#EDF1F7 #DFE6EE #D2DCE6 #C4D2DE #B7C7D5 #A9BDCD #9CB3C5

#EDF1F7 - #9CB3C5

HSV Blend

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

0.0%	0.0% #EDF1F7	RGB 237 241 247	#EDF1F7
16.7%	16.7% #DEE5EE	RGB 222 229 238	#DEE5EE
33.3%	33.3% #D0DAE6	RGB 208 218 230	#D0DAE6
50.0%	50.0% #C2CFDE	RGB 194 207 222	#C2CFDE
66.7%	66.7% #B5C5D5	RGB 181 197 213	#B5C5D5
83.3%	83.3% #A8BCCD	RGB 168 188 205	#A8BCCD
100.0%	100.0% #9CB3C5	RGB 156 179 197	#9CB3C5

#EDF1F7 #DEE5EE #D0DAE6 #C2CFDE #B5C5D5 #A8BCCD #9CB3C5

#EDF1F7 - #C2CFDE - #9CB3C5

CSS codes

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

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