#9DB6DF - #E3EAF5 | 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 #9DB6DF to #E3EAF5

#9DB6DF #E3EAF5

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

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

0.0%	0.0% #9DB6DF	RGB 157 182 223	#9DB6DF
16.7%	16.7% #A8BEE2	RGB 168 190 226	#A8BEE2
33.3%	33.3% #B4C7E6	RGB 180 199 230	#B4C7E6
50.0%	50.0% #C0D0EA	RGB 192 208 234	#C0D0EA
66.7%	66.7% #CBD8ED	RGB 203 216 237	#CBD8ED
83.3%	83.3% #D7E1F1	RGB 215 225 241	#D7E1F1
100.0%	100.0% #E3EAF5	RGB 227 234 245	#E3EAF5

#9DB6DF #A8BEE2 #B4C7E6 #C0D0EA #CBD8ED #D7E1F1 #E3EAF5

#9DB6DF - #E3EAF5

HSV Blend

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

0.0%	0.0% #9DB6DF	RGB 157 182 223	#9DB6DF
16.7%	16.7% #A7BEE2	RGB 167 190 226	#A7BEE2
33.3%	33.3% #B3C6E6	RGB 179 198 230	#B3C6E6
50.0%	50.0% #BECFEA	RGB 190 207 234	#BECFEA
66.7%	66.7% #CAD8ED	RGB 202 216 237	#CAD8ED
83.3%	83.3% #D6E0F1	RGB 214 224 241	#D6E0F1
100.0%	100.0% #E3EAF5	RGB 227 234 245	#E3EAF5

#9DB6DF #A7BEE2 #B3C6E6 #BECFEA #CAD8ED #D6E0F1 #E3EAF5

#9DB6DF - #BECFEA - #E3EAF5

CSS codes

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

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