#A2B6C0 - #E6DCCC | 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 #A2B6C0 to #E6DCCC

#A2B6C0 #E6DCCC

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

#A2B6C0 - #E6DCCC | 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 #A2B6C0 as 0% and #E6DCCC as 100%.

0.0%	0.0% #A2B6C0	RGB 162 182 192	#A2B6C0
16.7%	16.7% #ADBCC2	RGB 173 188 194	#ADBCC2
33.3%	33.3% #B8C2C4	RGB 184 194 196	#B8C2C4
50.0%	50.0% #C4C9C6	RGB 196 201 198	#C4C9C6
66.7%	66.7% #CFCFC8	RGB 207 207 200	#CFCFC8
83.3%	83.3% #DAD5CA	RGB 218 213 202	#DAD5CA
100.0%	100.0% #E6DCCC	RGB 230 220 204	#E6DCCC

#A2B6C0 #ADBCC2 #B8C2C4 #C4C9C6 #CFCFC8 #DAD5CA #E6DCCC

#A2B6C0 - #E6DCCC

HSV Blend

#A2B6C0 - #E6DCCC | 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 #A2B6C0 as 0% and #E6DCCC as 100%.

0.0%	0.0% #A2B6C0	RGB 162 182 192	#A2B6C0
16.7%	16.7% #A8C6C2	RGB 168 198 194	#A8C6C2
33.3%	33.3% #AFCCBC	RGB 175 204 188	#AFCCBC
50.0%	50.0% #B7D3B6	RGB 183 211 182	#B7D3B6
66.7%	66.7% #CAD9BD	RGB 202 217 189	#CAD9BD
83.3%	83.3% #DDDFC4	RGB 221 223 196	#DDDFC4
100.0%	100.0% #E6DCCC	RGB 230 220 204	#E6DCCC

#A2B6C0 #A8C6C2 #AFCCBC #B7D3B6 #CAD9BD #DDDFC4 #E6DCCC

#A2B6C0 - #B7D3B6 - #E6DCCC

CSS codes

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

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