#A28B5E - #E4DDD1 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #A28B5E a #E4DDD1

#A28B5E #E4DDD1

Calcule el color entre dos colores, #A28B5E y #E4DDD1. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#A28B5E - #E4DDD1 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #A28B5E como 0% y #E4DDD1 como 100%.

0.0%	0.0% #A28B5E	RGB 162 139 94	#A28B5E
16.7%	16.7% #AD9871	RGB 173 152 113	#AD9871
33.3%	33.3% #B8A684	RGB 184 166 132	#B8A684
50.0%	50.0% #C3B497	RGB 195 180 151	#C3B497
66.7%	66.7% #CEC1AA	RGB 206 193 170	#CEC1AA
83.3%	83.3% #D9CFBD	RGB 217 207 189	#D9CFBD
100.0%	100.0% #E4DDD1	RGB 228 221 209	#E4DDD1

#A28B5E #AD9871 #B8A684 #C3B497 #CEC1AA #D9CFBD #E4DDD1

#A28B5E - #E4DDD1

Mezcla HSV

#A28B5E - #E4DDD1 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #A28B5E como 0% y #E4DDD1 como 100%.

0.0%	0.0% #A28B5E	RGB 162 139 94	#A28B5E
16.7%	16.7% #AD976E	RGB 173 151 110	#AD976E
33.3%	33.3% #B8A47F	RGB 184 164 127	#B8A47F
50.0%	50.0% #C3B191	RGB 195 177 145	#C3B191
66.7%	66.7% #CEBFA5	RGB 206 191 165	#CEBFA5
83.3%	83.3% #D9CEBA	RGB 217 206 186	#D9CEBA
100.0%	100.0% #E4DDD1	RGB 228 221 209	#E4DDD1

#A28B5E #AD976E #B8A47F #C3B191 #CEBFA5 #D9CEBA #E4DDD1

#A28B5E - #C3B191 - #E4DDD1

Códigos CSS

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

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