#C7AA5E - #EFE6D1 | 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 #C7AA5E a #EFE6D1

#C7AA5E #EFE6D1

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

#C7AA5E - #EFE6D1 | 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 #C7AA5E como 0% y #EFE6D1 como 100%.

0.0%	0.0% #C7AA5E	RGB 199 170 94	#C7AA5E
16.7%	16.7% #CDB471	RGB 205 180 113	#CDB471
33.3%	33.3% #D4BE84	RGB 212 190 132	#D4BE84
50.0%	50.0% #DBC897	RGB 219 200 151	#DBC897
66.7%	66.7% #E1D2AA	RGB 225 210 170	#E1D2AA
83.3%	83.3% #E8DCBD	RGB 232 220 189	#E8DCBD
100.0%	100.0% #EFE6D1	RGB 239 230 209	#EFE6D1

#C7AA5E #CDB471 #D4BE84 #DBC897 #E1D2AA #E8DCBD #EFE6D1

#C7AA5E - #EFE6D1

Mezcla HSV

#C7AA5E - #EFE6D1 | 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 #C7AA5E como 0% y #EFE6D1 como 100%.

0.0%	0.0% #C7AA5E	RGB 199 170 94	#C7AA5E
16.7%	16.7% #CDB36E	RGB 205 179 110	#CDB36E
33.3%	33.3% #D4BC80	RGB 212 188 128	#D4BC80
50.0%	50.0% #DBC693	RGB 219 198 147	#DBC693
66.7%	66.7% #E1D0A7	RGB 225 208 167	#E1D0A7
83.3%	83.3% #E8DBBB	RGB 232 219 187	#E8DBBB
100.0%	100.0% #EFE6D1	RGB 239 230 209	#EFE6D1

#C7AA5E #CDB36E #D4BC80 #DBC693 #E1D0A7 #E8DBBB #EFE6D1

#C7AA5E - #DBC693 - #EFE6D1

Códigos CSS

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

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