#E6E5E5 - #AABE9C | 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 #E6E5E5 a #AABE9C

#E6E5E5 #AABE9C

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

#E6E5E5 - #AABE9C | 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 #E6E5E5 como 0% y #AABE9C como 100%.

0.0%	0.0% #E6E5E5	RGB 230 229 229	#E6E5E5
16.7%	16.7% #DCDED8	RGB 220 222 216	#DCDED8
33.3%	33.3% #D2D8CC	RGB 210 216 204	#D2D8CC
50.0%	50.0% #C8D1C0	RGB 200 209 192	#C8D1C0
66.7%	66.7% #BECBB4	RGB 190 203 180	#BECBB4
83.3%	83.3% #B4C4A8	RGB 180 196 168	#B4C4A8
100.0%	100.0% #AABE9C	RGB 170 190 156	#AABE9C

#E6E5E5 #DCDED8 #D2D8CC #C8D1C0 #BECBB4 #B4C4A8 #AABE9C

#E6E5E5 - #AABE9C

Mezcla HSV

#E6E5E5 - #AABE9C | 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 #E6E5E5 como 0% y #AABE9C como 100%.

0.0%	0.0% #E6E5E5	RGB 230 229 229	#E6E5E5
16.7%	16.7% #DFD9D7	RGB 223 217 215	#DFD9D7
33.3%	33.3% #D8D2CB	RGB 216 210 203	#D8D2CB
50.0%	50.0% #D2CEBE	RGB 210 206 190	#D2CEBE
66.7%	66.7% #C9CBB2	RGB 201 203 178	#C9CBB2
83.3%	83.3% #BBC4A7	RGB 187 196 167	#BBC4A7
100.0%	100.0% #AABE9C	RGB 170 190 156	#AABE9C

#E6E5E5 #DFD9D7 #D8D2CB #D2CEBE #C9CBB2 #BBC4A7 #AABE9C

#E6E5E5 - #D2CEBE - #AABE9C

Códigos CSS

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

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