#A8B0B2 - #E4CCC2 | 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 #A8B0B2 to #E4CCC2

#A8B0B2 #E4CCC2

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

#A8B0B2 - #E4CCC2 | 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 #A8B0B2 as 0% and #E4CCC2 as 100%.

0.0%	0.0% #A8B0B2	RGB 168 176 178	#A8B0B2
16.7%	16.7% #B2B4B4	RGB 178 180 180	#B2B4B4
33.3%	33.3% #BCB9B7	RGB 188 185 183	#BCB9B7
50.0%	50.0% #C6BEBA	RGB 198 190 186	#C6BEBA
66.7%	66.7% #D0C2BC	RGB 208 194 188	#D0C2BC
83.3%	83.3% #DAC7BF	RGB 218 199 191	#DAC7BF
100.0%	100.0% #E4CCC2	RGB 228 204 194	#E4CCC2

#A8B0B2 #B2B4B4 #BCB9B7 #C6BEBA #D0C2BC #DAC7BF #E4CCC2

#A8B0B2 - #E4CCC2

HSV Blend

#A8B0B2 - #E4CCC2 | 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 #A8B0B2 as 0% and #E4CCC2 as 100%.

0.0%	0.0% #A8B0B2	RGB 168 176 178	#A8B0B2
16.7%	16.7% #ACBAB6	RGB 172 186 182	#ACBAB6
33.3%	33.3% #B1C2B5	RGB 177 194 181	#B1C2B5
50.0%	50.0% #BBCBB6	RGB 187 203 182	#BBCBB6
66.7%	66.7% #CCD3BA	RGB 204 211 186	#CCD3BA
83.3%	83.3% #DBD5BE	RGB 219 213 190	#DBD5BE
100.0%	100.0% #E4CCC2	RGB 228 204 194	#E4CCC2

#A8B0B2 #ACBAB6 #B1C2B5 #BBCBB6 #CCD3BA #DBD5BE #E4CCC2

#A8B0B2 - #BBCBB6 - #E4CCC2

CSS codes

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

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