#A6A6E7 - #C7D5E3 | 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 #A6A6E7 to #C7D5E3

#A6A6E7 #C7D5E3

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

#A6A6E7 - #C7D5E3 | 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 #A6A6E7 as 0% and #C7D5E3 as 100%.

0.0%	0.0% #A6A6E7	RGB 166 166 231	#A6A6E7
16.7%	16.7% #ABADE6	RGB 171 173 230	#ABADE6
33.3%	33.3% #B1B5E5	RGB 177 181 229	#B1B5E5
50.0%	50.0% #B6BDE5	RGB 182 189 229	#B6BDE5
66.7%	66.7% #BCC5E4	RGB 188 197 228	#BCC5E4
83.3%	83.3% #C1CDE3	RGB 193 205 227	#C1CDE3
100.0%	100.0% #C7D5E3	RGB 199 213 227	#C7D5E3

#A6A6E7 #ABADE6 #B1B5E5 #B6BDE5 #BCC5E4 #C1CDE3 #C7D5E3

#A6A6E7 - #C7D5E3

HSV Blend

#A6A6E7 - #C7D5E3 | 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 #A6A6E7 as 0% and #C7D5E3 as 100%.

0.0%	0.0% #A6A6E7	RGB 166 166 231	#A6A6E7
16.7%	16.7% #ABB0E6	RGB 171 176 230	#ABB0E6
33.3%	33.3% #B1B9E5	RGB 177 185 229	#B1B9E5
50.0%	50.0% #B6C2E5	RGB 182 194 229	#B6C2E5
66.7%	66.7% #BCC9E4	RGB 188 201 228	#BCC9E4
83.3%	83.3% #C1CFE3	RGB 193 207 227	#C1CFE3
100.0%	100.0% #C7D5E3	RGB 199 213 227	#C7D5E3

#A6A6E7 #ABB0E6 #B1B9E5 #B6C2E5 #BCC9E4 #C1CFE3 #C7D5E3

#A6A6E7 - #B6C2E5 - #C7D5E3

CSS codes

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

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