#9C9FAB - #E2E3E7 | 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 #9C9FAB a #E2E3E7

#9C9FAB #E2E3E7

Calcule el color entre dos colores, #9C9FAB y #E2E3E7. 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)

#9C9FAB - #E2E3E7 | 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 #9C9FAB como 0% y #E2E3E7 como 100%.

0.0%	0.0% #9C9FAB	RGB 156 159 171	#9C9FAB
16.7%	16.7% #A7AAB5	RGB 167 170 181	#A7AAB5
33.3%	33.3% #B3B5BF	RGB 179 181 191	#B3B5BF
50.0%	50.0% #BFC1C9	RGB 191 193 201	#BFC1C9
66.7%	66.7% #CACCD3	RGB 202 204 211	#CACCD3
83.3%	83.3% #D6D7DD	RGB 214 215 221	#D6D7DD
100.0%	100.0% #E2E3E7	RGB 226 227 231	#E2E3E7

#9C9FAB #A7AAB5 #B3B5BF #BFC1C9 #CACCD3 #D6D7DD #E2E3E7

#9C9FAB - #E2E3E7

Mezcla HSV

#9C9FAB - #E2E3E7 | 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 #9C9FAB como 0% y #E2E3E7 como 100%.

0.0%	0.0% #9C9FAB	RGB 156 159 171	#9C9FAB
16.7%	16.7% #A7A9B5	RGB 167 169 181	#A7A9B5
33.3%	33.3% #B2B4BF	RGB 178 180 191	#B2B4BF
50.0%	50.0% #BEC0C9	RGB 190 192 201	#BEC0C9
66.7%	66.7% #C9CBD3	RGB 201 203 211	#C9CBD3
83.3%	83.3% #D5D7DD	RGB 213 215 221	#D5D7DD
100.0%	100.0% #E2E3E7	RGB 226 227 231	#E2E3E7

#9C9FAB #A7A9B5 #B2B4BF #BEC0C9 #C9CBD3 #D5D7DD #E2E3E7

#9C9FAB - #BEC0C9 - #E2E3E7

Códigos CSS

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

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