#EDF9FF - #A1BCD1 | 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 #EDF9FF to #A1BCD1

#EDF9FF #A1BCD1

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

#EDF9FF - #A1BCD1 | 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 #EDF9FF as 0% and #A1BCD1 as 100%.

0.0%	0.0% #EDF9FF	RGB 237 249 255	#EDF9FF
16.7%	16.7% #E0EEF7	RGB 224 238 247	#E0EEF7
33.3%	33.3% #D3E4EF	RGB 211 228 239	#D3E4EF
50.0%	50.0% #C7DAE8	RGB 199 218 232	#C7DAE8
66.7%	66.7% #BAD0E0	RGB 186 208 224	#BAD0E0
83.3%	83.3% #ADC6D8	RGB 173 198 216	#ADC6D8
100.0%	100.0% #A1BCD1	RGB 161 188 209	#A1BCD1

#EDF9FF #E0EEF7 #D3E4EF #C7DAE8 #BAD0E0 #ADC6D8 #A1BCD1

#EDF9FF - #A1BCD1

HSV Blend

#EDF9FF - #A1BCD1 | 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 #EDF9FF as 0% and #A1BCD1 as 100%.

0.0%	0.0% #EDF9FF	RGB 237 249 255	#EDF9FF
16.7%	16.7% #DFEEF7	RGB 223 238 247	#DFEEF7
33.3%	33.3% #D2E4EF	RGB 210 228 239	#D2E4EF
50.0%	50.0% #C5DAE8	RGB 197 218 232	#C5DAE8
66.7%	66.7% #B8D0E0	RGB 184 208 224	#B8D0E0
83.3%	83.3% #ACC6D8	RGB 172 198 216	#ACC6D8
100.0%	100.0% #A1BCD1	RGB 161 188 209	#A1BCD1

#EDF9FF #DFEEF7 #D2E4EF #C5DAE8 #B8D0E0 #ACC6D8 #A1BCD1

#EDF9FF - #C5DAE8 - #A1BCD1

CSS codes

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

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