#EDF3F7 - #A1B3C5 | 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 #EDF3F7 to #A1B3C5

#EDF3F7 #A1B3C5

Calculate the color between two colors, #EDF3F7 and #A1B3C5. 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)

#EDF3F7 - #A1B3C5 | 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 #EDF3F7 as 0% and #A1B3C5 as 100%.

0.0%	0.0% #EDF3F7	RGB 237 243 247	#EDF3F7
16.7%	16.7% #E0E8EE	RGB 224 232 238	#E0E8EE
33.3%	33.3% #D3DDE6	RGB 211 221 230	#D3DDE6
50.0%	50.0% #C7D3DE	RGB 199 211 222	#C7D3DE
66.7%	66.7% #BAC8D5	RGB 186 200 213	#BAC8D5
83.3%	83.3% #ADBDCD	RGB 173 189 205	#ADBDCD
100.0%	100.0% #A1B3C5	RGB 161 179 197	#A1B3C5

#EDF3F7 #E0E8EE #D3DDE6 #C7D3DE #BAC8D5 #ADBDCD #A1B3C5

#EDF3F7 - #A1B3C5

HSV Blend

#EDF3F7 - #A1B3C5 | 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 #EDF3F7 as 0% and #A1B3C5 as 100%.

0.0%	0.0% #EDF3F7	RGB 237 243 247	#EDF3F7
16.7%	16.7% #DFE8EE	RGB 223 232 238	#DFE8EE
33.3%	33.3% #D2DDE6	RGB 210 221 230	#D2DDE6
50.0%	50.0% #C5D2DE	RGB 197 210 222	#C5D2DE
66.7%	66.7% #B8C8D5	RGB 184 200 213	#B8C8D5
83.3%	83.3% #ACBDCD	RGB 172 189 205	#ACBDCD
100.0%	100.0% #A1B3C5	RGB 161 179 197	#A1B3C5

#EDF3F7 #DFE8EE #D2DDE6 #C5D2DE #B8C8D5 #ACBDCD #A1B3C5

#EDF3F7 - #C5D2DE - #A1B3C5

CSS codes

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

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