#AAAAAC - #BCDCE5 | 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 #AAAAAC to #BCDCE5

#AAAAAC #BCDCE5

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

#AAAAAC - #BCDCE5 | 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 #AAAAAC as 0% and #BCDCE5 as 100%.

0.0%	0.0% #AAAAAC	RGB 170 170 172	#AAAAAC
16.7%	16.7% #ADB2B5	RGB 173 178 181	#ADB2B5
33.3%	33.3% #B0BABF	RGB 176 186 191	#B0BABF
50.0%	50.0% #B3C3C8	RGB 179 195 200	#B3C3C8
66.7%	66.7% #B6CBD2	RGB 182 203 210	#B6CBD2
83.3%	83.3% #B9D3DB	RGB 185 211 219	#B9D3DB
100.0%	100.0% #BCDCE5	RGB 188 220 229	#BCDCE5

#AAAAAC #ADB2B5 #B0BABF #B3C3C8 #B6CBD2 #B9D3DB #BCDCE5

#AAAAAC - #BCDCE5

HSV Blend

#AAAAAC - #BCDCE5 | 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 #AAAAAC as 0% and #BCDCE5 as 100%.

0.0%	0.0% #AAAAAC	RGB 170 170 172	#AAAAAC
16.7%	16.7% #AEAFB5	RGB 174 175 181	#AEAFB5
33.3%	33.3% #B2B5BF	RGB 178 181 191	#B2B5BF
50.0%	50.0% #B5BCC8	RGB 181 188 200	#B5BCC8
66.7%	66.7% #B8C5D2	RGB 184 197 210	#B8C5D2
83.3%	83.3% #BACFDB	RGB 186 207 219	#BACFDB
100.0%	100.0% #BCDCE5	RGB 188 220 229	#BCDCE5

#AAAAAC #AEAFB5 #B2B5BF #B5BCC8 #B8C5D2 #BACFDB #BCDCE5

#AAAAAC - #B5BCC8 - #BCDCE5

CSS codes

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

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