#A6B2B8 - #C5CEFF | 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 #A6B2B8 to #C5CEFF

#A6B2B8 #C5CEFF

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

#A6B2B8 - #C5CEFF | 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 #A6B2B8 as 0% and #C5CEFF as 100%.

0.0%	0.0% #A6B2B8	RGB 166 178 184	#A6B2B8
16.7%	16.7% #ABB6C3	RGB 171 182 195	#ABB6C3
33.3%	33.3% #B0BBCF	RGB 176 187 207	#B0BBCF
50.0%	50.0% #B5C0DB	RGB 181 192 219	#B5C0DB
66.7%	66.7% #BAC4E7	RGB 186 196 231	#BAC4E7
83.3%	83.3% #BFC9F3	RGB 191 201 243	#BFC9F3
100.0%	100.0% #C5CEFF	RGB 197 206 255	#C5CEFF

#A6B2B8 #ABB6C3 #B0BBCF #B5C0DB #BAC4E7 #BFC9F3 #C5CEFF

#A6B2B8 - #C5CEFF

HSV Blend

#A6B2B8 - #C5CEFF | 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 #A6B2B8 as 0% and #C5CEFF as 100%.

0.0%	0.0% #A6B2B8	RGB 166 178 184	#A6B2B8
16.7%	16.7% #ACBAC3	RGB 172 186 195	#ACBAC3
33.3%	33.3% #B2C0CF	RGB 178 192 207	#B2C0CF
50.0%	50.0% #B7C6DB	RGB 183 198 219	#B7C6DB
66.7%	66.7% #BCCAE7	RGB 188 202 231	#BCCAE7
83.3%	83.3% #C1CDF3	RGB 193 205 243	#C1CDF3
100.0%	100.0% #C5CEFF	RGB 197 206 255	#C5CEFF

#A6B2B8 #ACBAC3 #B2C0CF #B7C6DB #BCCAE7 #C1CDF3 #C5CEFF

#A6B2B8 - #B7C6DB - #C5CEFF

CSS codes

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

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