#EBF2FD - #A0BFE8 | 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 #EBF2FD to #A0BFE8

#EBF2FD #A0BFE8

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

#EBF2FD - #A0BFE8 | 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 #EBF2FD as 0% and #A0BFE8 as 100%.

0.0%	0.0% #EBF2FD	RGB 235 242 253	#EBF2FD
16.7%	16.7% #DEE9F9	RGB 222 233 249	#DEE9F9
33.3%	33.3% #D2E1F6	RGB 210 225 246	#D2E1F6
50.0%	50.0% #C5D8F2	RGB 197 216 242	#C5D8F2
66.7%	66.7% #B9D0EF	RGB 185 208 239	#B9D0EF
83.3%	83.3% #ACC7EB	RGB 172 199 235	#ACC7EB
100.0%	100.0% #A0BFE8	RGB 160 191 232	#A0BFE8

#EBF2FD #DEE9F9 #D2E1F6 #C5D8F2 #B9D0EF #ACC7EB #A0BFE8

#EBF2FD - #A0BFE8

HSV Blend

#EBF2FD - #A0BFE8 | 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 #EBF2FD as 0% and #A0BFE8 as 100%.

0.0%	0.0% #EBF2FD	RGB 235 242 253	#EBF2FD
16.7%	16.7% #DDE8F9	RGB 221 232 249	#DDE8F9
33.3%	33.3% #D0DFF6	RGB 208 223 246	#D0DFF6
50.0%	50.0% #C4D7F2	RGB 196 215 242	#C4D7F2
66.7%	66.7% #B7CEEF	RGB 183 206 239	#B7CEEF
83.3%	83.3% #ABC6EB	RGB 171 198 235	#ABC6EB
100.0%	100.0% #A0BFE8	RGB 160 191 232	#A0BFE8

#EBF2FD #DDE8F9 #D0DFF6 #C4D7F2 #B7CEEF #ABC6EB #A0BFE8

#EBF2FD - #C4D7F2 - #A0BFE8

CSS codes

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

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