#ABB6AB - #E7E1B5 | 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 #ABB6AB a #E7E1B5

#ABB6AB #E7E1B5

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

#ABB6AB - #E7E1B5 | 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 #ABB6AB como 0% y #E7E1B5 como 100%.

0.0%	0.0% #ABB6AB	RGB 171 182 171	#ABB6AB
16.7%	16.7% #B5BDAC	RGB 181 189 172	#B5BDAC
33.3%	33.3% #BFC4AE	RGB 191 196 174	#BFC4AE
50.0%	50.0% #C9CBB0	RGB 201 203 176	#C9CBB0
66.7%	66.7% #D3D2B1	RGB 211 210 177	#D3D2B1
83.3%	83.3% #DDD9B3	RGB 221 217 179	#DDD9B3
100.0%	100.0% #E7E1B5	RGB 231 225 181	#E7E1B5

#ABB6AB #B5BDAC #BFC4AE #C9CBB0 #D3D2B1 #DDD9B3 #E7E1B5

#ABB6AB - #E7E1B5

Mezcla HSV

#ABB6AB - #E7E1B5 | 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 #ABB6AB como 0% y #E7E1B5 como 100%.

0.0%	0.0% #ABB6AB	RGB 171 182 171	#ABB6AB
16.7%	16.7% #B0BEAD	RGB 176 190 173	#B0BEAD
33.3%	33.3% #B8C6B0	RGB 184 198 176	#B8C6B0
50.0%	50.0% #C1CEB1	RGB 193 206 177	#C1CEB1
66.7%	66.7% #CDD6B3	RGB 205 214 179	#CDD6B3
83.3%	83.3% #DCDEB4	RGB 220 222 180	#DCDEB4
100.0%	100.0% #E7E1B5	RGB 231 225 181	#E7E1B5

#ABB6AB #B0BEAD #B8C6B0 #C1CEB1 #CDD6B3 #DCDEB4 #E7E1B5

#ABB6AB - #C1CEB1 - #E7E1B5

Códigos CSS

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

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