#A8A8EB - #C7D6E6 | 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 #A8A8EB to #C7D6E6

#A8A8EB #C7D6E6

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

#A8A8EB - #C7D6E6 | 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 #A8A8EB as 0% and #C7D6E6 as 100%.

0.0%	0.0% #A8A8EB	RGB 168 168 235	#A8A8EB
16.7%	16.7% #ADAFEA	RGB 173 175 234	#ADAFEA
33.3%	33.3% #B2B7E9	RGB 178 183 233	#B2B7E9
50.0%	50.0% #B7BFE8	RGB 183 191 232	#B7BFE8
66.7%	66.7% #BCC6E7	RGB 188 198 231	#BCC6E7
83.3%	83.3% #C1CEE6	RGB 193 206 230	#C1CEE6
100.0%	100.0% #C7D6E6	RGB 199 214 230	#C7D6E6

#A8A8EB #ADAFEA #B2B7E9 #B7BFE8 #BCC6E7 #C1CEE6 #C7D6E6

#A8A8EB - #C7D6E6

HSV Blend

#A8A8EB - #C7D6E6 | 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 #A8A8EB as 0% and #C7D6E6 as 100%.

0.0%	0.0% #A8A8EB	RGB 168 168 235	#A8A8EB
16.7%	16.7% #ADB2EA	RGB 173 178 234	#ADB2EA
33.3%	33.3% #B2BBE9	RGB 178 187 233	#B2BBE9
50.0%	50.0% #B7C3E8	RGB 183 195 232	#B7C3E8
66.7%	66.7% #BCCAE7	RGB 188 202 231	#BCCAE7
83.3%	83.3% #C1D0E6	RGB 193 208 230	#C1D0E6
100.0%	100.0% #C7D6E6	RGB 199 214 230	#C7D6E6

#A8A8EB #ADB2EA #B2BBE9 #B7C3E8 #BCCAE7 #C1D0E6 #C7D6E6

#A8A8EB - #B7C3E8 - #C7D6E6

CSS codes

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

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