#A2A2A2 - #FFE0C0 | 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 #A2A2A2 to #FFE0C0

#A2A2A2 #FFE0C0

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

#A2A2A2 - #FFE0C0 | 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 #A2A2A2 as 0% and #FFE0C0 as 100%.

0.0%	0.0% #A2A2A2	RGB 162 162 162	#A2A2A2
16.7%	16.7% #B1ACA7	RGB 177 172 167	#B1ACA7
33.3%	33.3% #C1B6AC	RGB 193 182 172	#C1B6AC
50.0%	50.0% #D0C1B1	RGB 208 193 177	#D0C1B1
66.7%	66.7% #E0CBB6	RGB 224 203 182	#E0CBB6
83.3%	83.3% #EFD5BB	RGB 239 213 187	#EFD5BB
100.0%	100.0% #FFE0C0	RGB 255 224 192	#FFE0C0

#A2A2A2 #B1ACA7 #C1B6AC #D0C1B1 #E0CBB6 #EFD5BB #FFE0C0

#A2A2A2 - #FFE0C0

HSV Blend

#A2A2A2 - #FFE0C0 | 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 #A2A2A2 as 0% and #FFE0C0 as 100%.

0.0%	0.0% #A2A2A2	RGB 162 162 162	#A2A2A2
16.7%	16.7% #B1AAAA	RGB 177 170 170	#B1AAAA
33.3%	33.3% #C1B3B1	RGB 193 179 177	#C1B3B1
50.0%	50.0% #D0BDB6	RGB 208 189 182	#D0BDB6
66.7%	66.7% #E0C7BB	RGB 224 199 187	#E0C7BB
83.3%	83.3% #EFD3BE	RGB 239 211 190	#EFD3BE
100.0%	100.0% #FFE0C0	RGB 255 224 192	#FFE0C0

#A2A2A2 #B1AAAA #C1B3B1 #D0BDB6 #E0C7BB #EFD3BE #FFE0C0

#A2A2A2 - #D0BDB6 - #FFE0C0

CSS codes

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

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