#E5E6C7 - #AEB973 | 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 #E5E6C7 a #AEB973

#E5E6C7 #AEB973

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

#E5E6C7 - #AEB973 | 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 #E5E6C7 como 0% y #AEB973 como 100%.

0.0%	0.0% #E5E6C7	RGB 229 230 199	#E5E6C7
16.7%	16.7% #DBDEB9	RGB 219 222 185	#DBDEB9
33.3%	33.3% #D2D7AB	RGB 210 215 171	#D2D7AB
50.0%	50.0% #C9CF9D	RGB 201 207 157	#C9CF9D
66.7%	66.7% #C0C88F	RGB 192 200 143	#C0C88F
83.3%	83.3% #B7C081	RGB 183 192 129	#B7C081
100.0%	100.0% #AEB973	RGB 174 185 115	#AEB973

#E5E6C7 #DBDEB9 #D2D7AB #C9CF9D #C0C88F #B7C081 #AEB973

#E5E6C7 - #AEB973

Mezcla HSV

#E5E6C7 - #AEB973 | 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 #E5E6C7 como 0% y #AEB973 como 100%.

0.0%	0.0% #E5E6C7	RGB 229 230 199	#E5E6C7
16.7%	16.7% #DCDEB7	RGB 220 222 183	#DCDEB7
33.3%	33.3% #D3D7A8	RGB 211 215 168	#D3D7A8
50.0%	50.0% #CACF9A	RGB 202 207 154	#CACF9A
66.7%	66.7% #C1C88C	RGB 193 200 140	#C1C88C
83.3%	83.3% #B7C07F	RGB 183 192 127	#B7C07F
100.0%	100.0% #AEB973	RGB 174 185 115	#AEB973

#E5E6C7 #DCDEB7 #D3D7A8 #CACF9A #C1C88C #B7C07F #AEB973

#E5E6C7 - #CACF9A - #AEB973

Códigos CSS

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

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