#A8ADEE - #E6E7FA | 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 #A8ADEE to #E6E7FA

#A8ADEE #E6E7FA

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

#A8ADEE - #E6E7FA | 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 #A8ADEE as 0% and #E6E7FA as 100%.

0.0%	0.0% #A8ADEE	RGB 168 173 238	#A8ADEE
16.7%	16.7% #B2B6F0	RGB 178 182 240	#B2B6F0
33.3%	33.3% #BCC0F2	RGB 188 192 242	#BCC0F2
50.0%	50.0% #C7CAF4	RGB 199 202 244	#C7CAF4
66.7%	66.7% #D1D3F6	RGB 209 211 246	#D1D3F6
83.3%	83.3% #DBDDF8	RGB 219 221 248	#DBDDF8
100.0%	100.0% #E6E7FA	RGB 230 231 250	#E6E7FA

#A8ADEE #B2B6F0 #BCC0F2 #C7CAF4 #D1D3F6 #DBDDF8 #E6E7FA

#A8ADEE - #E6E7FA

HSV Blend

#A8ADEE - #E6E7FA | 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 #A8ADEE as 0% and #E6E7FA as 100%.

0.0%	0.0% #A8ADEE	RGB 168 173 238	#A8ADEE
16.7%	16.7% #B1B6F0	RGB 177 182 240	#B1B6F0
33.3%	33.3% #BCBFF2	RGB 188 191 242	#BCBFF2
50.0%	50.0% #C6C9F4	RGB 198 201 244	#C6C9F4
66.7%	66.7% #D0D2F6	RGB 208 210 246	#D0D2F6
83.3%	83.3% #DBDCF8	RGB 219 220 248	#DBDCF8
100.0%	100.0% #E6E7FA	RGB 230 231 250	#E6E7FA

#A8ADEE #B1B6F0 #BCBFF2 #C6C9F4 #D0D2F6 #DBDCF8 #E6E7FA

#A8ADEE - #C6C9F4 - #E6E7FA

CSS codes

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

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