#AEAB9F - #E7E7E3 | 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 #AEAB9F a #E7E7E3

#AEAB9F #E7E7E3

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

#AEAB9F - #E7E7E3 | 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 #AEAB9F como 0% y #E7E7E3 como 100%.

0.0%	0.0% #AEAB9F	RGB 174 171 159	#AEAB9F
16.7%	16.7% #B7B5AA	RGB 183 181 170	#B7B5AA
33.3%	33.3% #C1BFB5	RGB 193 191 181	#C1BFB5
50.0%	50.0% #CAC9C1	RGB 202 201 193	#CAC9C1
66.7%	66.7% #D4D3CC	RGB 212 211 204	#D4D3CC
83.3%	83.3% #DDDDD7	RGB 221 221 215	#DDDDD7
100.0%	100.0% #E7E7E3	RGB 231 231 227	#E7E7E3

#AEAB9F #B7B5AA #C1BFB5 #CAC9C1 #D4D3CC #DDDDD7 #E7E7E3

#AEAB9F - #E7E7E3

Mezcla HSV

#AEAB9F - #E7E7E3 | 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 #AEAB9F como 0% y #E7E7E3 como 100%.

0.0%	0.0% #AEAB9F	RGB 174 171 159	#AEAB9F
16.7%	16.7% #B7B5A9	RGB 183 181 169	#B7B5A9
33.3%	33.3% #C1BFB4	RGB 193 191 180	#C1BFB4
50.0%	50.0% #CAC9C0	RGB 202 201 192	#CAC9C0
66.7%	66.7% #D4D3CB	RGB 212 211 203	#D4D3CB
83.3%	83.3% #DDDDD7	RGB 221 221 215	#DDDDD7
100.0%	100.0% #E7E7E3	RGB 231 231 227	#E7E7E3

#AEAB9F #B7B5A9 #C1BFB4 #CAC9C0 #D4D3CB #DDDDD7 #E7E7E3

#AEAB9F - #CAC9C0 - #E7E7E3

Códigos CSS

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

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