#A6AB8C - #E5E7DE | 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 #A6AB8C a #E5E7DE

#A6AB8C #E5E7DE

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

#A6AB8C - #E5E7DE | 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 #A6AB8C como 0% y #E5E7DE como 100%.

0.0%	0.0% #A6AB8C	RGB 166 171 140	#A6AB8C
16.7%	16.7% #B0B599	RGB 176 181 153	#B0B599
33.3%	33.3% #BBBFA7	RGB 187 191 167	#BBBFA7
50.0%	50.0% #C5C9B5	RGB 197 201 181	#C5C9B5
66.7%	66.7% #D0D3C2	RGB 208 211 194	#D0D3C2
83.3%	83.3% #DADDD0	RGB 218 221 208	#DADDD0
100.0%	100.0% #E5E7DE	RGB 229 231 222	#E5E7DE

#A6AB8C #B0B599 #BBBFA7 #C5C9B5 #D0D3C2 #DADDD0 #E5E7DE

#A6AB8C - #E5E7DE

Mezcla HSV

#A6AB8C - #E5E7DE | 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 #A6AB8C como 0% y #E5E7DE como 100%.

0.0%	0.0% #A6AB8C	RGB 166 171 140	#A6AB8C
16.7%	16.7% #B0B598	RGB 176 181 152	#B0B598
33.3%	33.3% #BABFA5	RGB 186 191 165	#BABFA5
50.0%	50.0% #C4C9B2	RGB 196 201 178	#C4C9B2
66.7%	66.7% #CFD3C0	RGB 207 211 192	#CFD3C0
83.3%	83.3% #DADDCF	RGB 218 221 207	#DADDCF
100.0%	100.0% #E5E7DE	RGB 229 231 222	#E5E7DE

#A6AB8C #B0B598 #BABFA5 #C4C9B2 #CFD3C0 #DADDCF #E5E7DE

#A6AB8C - #C4C9B2 - #E5E7DE

Códigos CSS

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

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