#EAEADE - #AEA98D | 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 #EAEADE to #AEA98D

#EAEADE #AEA98D

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

#EAEADE - #AEA98D | 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 #EAEADE as 0% and #AEA98D as 100%.

0.0%	0.0% #EAEADE	RGB 234 234 222	#EAEADE
16.7%	16.7% #E0DFD0	RGB 224 223 208	#E0DFD0
33.3%	33.3% #D6D4C3	RGB 214 212 195	#D6D4C3
50.0%	50.0% #CCC9B5	RGB 204 201 181	#CCC9B5
66.7%	66.7% #C2BEA8	RGB 194 190 168	#C2BEA8
83.3%	83.3% #B8B39A	RGB 184 179 154	#B8B39A
100.0%	100.0% #AEA98D	RGB 174 169 141	#AEA98D

#EAEADE #E0DFD0 #D6D4C3 #CCC9B5 #C2BEA8 #B8B39A #AEA98D

#EAEADE - #AEA98D

HSV Blend

#EAEADE - #AEA98D | 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 #EAEADE as 0% and #AEA98D as 100%.

0.0%	0.0% #EAEADE	RGB 234 234 222	#EAEADE
16.7%	16.7% #E0DFCF	RGB 224 223 207	#E0DFCF
33.3%	33.3% #D6D4C1	RGB 214 212 193	#D6D4C1
50.0%	50.0% #CCCAB3	RGB 204 202 179	#CCCAB3
66.7%	66.7% #C2BFA6	RGB 194 191 166	#C2BFA6
83.3%	83.3% #B8B499	RGB 184 180 153	#B8B499
100.0%	100.0% #AEA98D	RGB 174 169 141	#AEA98D

#EAEADE #E0DFCF #D6D4C1 #CCCAB3 #C2BFA6 #B8B499 #AEA98D

#EAEADE - #CCCAB3 - #AEA98D

CSS codes

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

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