#EAF0FF - #9DA4DF | 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 #EAF0FF to #9DA4DF

#EAF0FF #9DA4DF

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

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

0.0%	0.0% #EAF0FF	RGB 234 240 255	#EAF0FF
16.7%	16.7% #DDE3F9	RGB 221 227 249	#DDE3F9
33.3%	33.3% #D0D6F4	RGB 208 214 244	#D0D6F4
50.0%	50.0% #C3CAEF	RGB 195 202 239	#C3CAEF
66.7%	66.7% #B6BDE9	RGB 182 189 233	#B6BDE9
83.3%	83.3% #A9B0E4	RGB 169 176 228	#A9B0E4
100.0%	100.0% #9DA4DF	RGB 157 164 223	#9DA4DF

#EAF0FF #DDE3F9 #D0D6F4 #C3CAEF #B6BDE9 #A9B0E4 #9DA4DF

#EAF0FF - #9DA4DF

HSV Blend

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

0.0%	0.0% #EAF0FF	RGB 234 240 255	#EAF0FF
16.7%	16.7% #DCE3F9	RGB 220 227 249	#DCE3F9
33.3%	33.3% #CED7F4	RGB 206 215 244	#CED7F4
50.0%	50.0% #C1CAEF	RGB 193 202 239	#C1CAEF
66.7%	66.7% #B5BDE9	RGB 181 189 233	#B5BDE9
83.3%	83.3% #A8B0E4	RGB 168 176 228	#A8B0E4
100.0%	100.0% #9DA4DF	RGB 157 164 223	#9DA4DF

#EAF0FF #DCE3F9 #CED7F4 #C1CAEF #B5BDE9 #A8B0E4 #9DA4DF

#EAF0FF - #C1CAEF - #9DA4DF

CSS codes

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

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