#A8BBF7 - #E6EBFC | 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 #A8BBF7 to #E6EBFC

#A8BBF7 #E6EBFC

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

#A8BBF7 - #E6EBFC | 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 #A8BBF7 as 0% and #E6EBFC as 100%.

0.0%	0.0% #A8BBF7	RGB 168 187 247	#A8BBF7
16.7%	16.7% #B2C3F7	RGB 178 195 247	#B2C3F7
33.3%	33.3% #BCCBF8	RGB 188 203 248	#BCCBF8
50.0%	50.0% #C7D3F9	RGB 199 211 249	#C7D3F9
66.7%	66.7% #D1DBFA	RGB 209 219 250	#D1DBFA
83.3%	83.3% #DBE3FB	RGB 219 227 251	#DBE3FB
100.0%	100.0% #E6EBFC	RGB 230 235 252	#E6EBFC

#A8BBF7 #B2C3F7 #BCCBF8 #C7D3F9 #D1DBFA #DBE3FB #E6EBFC

#A8BBF7 - #E6EBFC

HSV Blend

#A8BBF7 - #E6EBFC | 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 #A8BBF7 as 0% and #E6EBFC as 100%.

0.0%	0.0% #A8BBF7	RGB 168 187 247	#A8BBF7
16.7%	16.7% #B2C2F7	RGB 178 194 247	#B2C2F7
33.3%	33.3% #BCCAF8	RGB 188 202 248	#BCCAF8
50.0%	50.0% #C6D2F9	RGB 198 210 249	#C6D2F9
66.7%	66.7% #D1DAFA	RGB 209 218 250	#D1DAFA
83.3%	83.3% #DBE2FB	RGB 219 226 251	#DBE2FB
100.0%	100.0% #E6EBFC	RGB 230 235 252	#E6EBFC

#A8BBF7 #B2C2F7 #BCCAF8 #C6D2F9 #D1DAFA #DBE2FB #E6EBFC

#A8BBF7 - #C6D2F9 - #E6EBFC

CSS codes

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

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