#AA854E - #E6DCCC | 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 #AA854E a #E6DCCC

#AA854E #E6DCCC

Calcule el color entre dos colores, #AA854E y #E6DCCC. 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)

#AA854E - #E6DCCC | 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 #AA854E como 0% y #E6DCCC como 100%.

0.0%	0.0% #AA854E	RGB 170 133 78	#AA854E
16.7%	16.7% #B49363	RGB 180 147 99	#B49363
33.3%	33.3% #BEA278	RGB 190 162 120	#BEA278
50.0%	50.0% #C8B08D	RGB 200 176 141	#C8B08D
66.7%	66.7% #D2BFA2	RGB 210 191 162	#D2BFA2
83.3%	83.3% #DCCDB7	RGB 220 205 183	#DCCDB7
100.0%	100.0% #E6DCCC	RGB 230 220 204	#E6DCCC

#AA854E #B49363 #BEA278 #C8B08D #D2BFA2 #DCCDB7 #E6DCCC

#AA854E - #E6DCCC

Mezcla HSV

#AA854E - #E6DCCC | 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 #AA854E como 0% y #E6DCCC como 100%.

0.0%	0.0% #AA854E	RGB 170 133 78	#AA854E
16.7%	16.7% #B4925F	RGB 180 146 95	#B4925F
33.3%	33.3% #BE9F72	RGB 190 159 114	#BE9F72
50.0%	50.0% #C8AE86	RGB 200 174 134	#C8AE86
66.7%	66.7% #D2BD9C	RGB 210 189 156	#D2BD9C
83.3%	83.3% #DCCCB3	RGB 220 204 179	#DCCCB3
100.0%	100.0% #E6DCCC	RGB 230 220 204	#E6DCCC

#AA854E #B4925F #BE9F72 #C8AE86 #D2BD9C #DCCCB3 #E6DCCC

#AA854E - #C8AE86 - #E6DCCC

Códigos CSS

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

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