#ABADA1 - #EBE2BA | 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 #ABADA1 a #EBE2BA

#ABADA1 #EBE2BA

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

#ABADA1 - #EBE2BA | 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 #ABADA1 como 0% y #EBE2BA como 100%.

0.0%	0.0% #ABADA1	RGB 171 173 161	#ABADA1
16.7%	16.7% #B5B5A5	RGB 181 181 165	#B5B5A5
33.3%	33.3% #C0BEA9	RGB 192 190 169	#C0BEA9
50.0%	50.0% #CBC7AD	RGB 203 199 173	#CBC7AD
66.7%	66.7% #D5D0B1	RGB 213 208 177	#D5D0B1
83.3%	83.3% #E0D9B5	RGB 224 217 181	#E0D9B5
100.0%	100.0% #EBE2BA	RGB 235 226 186	#EBE2BA

#ABADA1 #B5B5A5 #C0BEA9 #CBC7AD #D5D0B1 #E0D9B5 #EBE2BA

#ABADA1 - #EBE2BA

Mezcla HSV

#ABADA1 - #EBE2BA | 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 #ABADA1 como 0% y #EBE2BA como 100%.

0.0%	0.0% #ABADA1	RGB 171 173 161	#ABADA1
16.7%	16.7% #B5B7A6	RGB 181 183 166	#B5B7A6
33.3%	33.3% #C0C1AB	RGB 192 193 171	#C0C1AB
50.0%	50.0% #CCCBAF	RGB 204 203 175	#CCCBAF
66.7%	66.7% #D6D4B3	RGB 214 212 179	#D6D4B3
83.3%	83.3% #E0DBB7	RGB 224 219 183	#E0DBB7
100.0%	100.0% #EBE2BA	RGB 235 226 186	#EBE2BA

#ABADA1 #B5B7A6 #C0C1AB #CCCBAF #D6D4B3 #E0DBB7 #EBE2BA

#ABADA1 - #CCCBAF - #EBE2BA

Códigos CSS

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

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