#9AA5A8 - #E2E5E6 | 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 #9AA5A8 a #E2E5E6

#9AA5A8 #E2E5E6

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

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

0.0%	0.0% #9AA5A8	RGB 154 165 168	#9AA5A8
16.7%	16.7% #A6AFB2	RGB 166 175 178	#A6AFB2
33.3%	33.3% #B2BABC	RGB 178 186 188	#B2BABC
50.0%	50.0% #BEC5C7	RGB 190 197 199	#BEC5C7
66.7%	66.7% #CACFD1	RGB 202 207 209	#CACFD1
83.3%	83.3% #D6DADB	RGB 214 218 219	#D6DADB
100.0%	100.0% #E2E5E6	RGB 226 229 230	#E2E5E6

#9AA5A8 #A6AFB2 #B2BABC #BEC5C7 #CACFD1 #D6DADB #E2E5E6

#9AA5A8 - #E2E5E6

Mezcla HSV

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

0.0%	0.0% #9AA5A8	RGB 154 165 168	#9AA5A8
16.7%	16.7% #A5AFB2	RGB 165 175 178	#A5AFB2
33.3%	33.3% #B1BABC	RGB 177 186 188	#B1BABC
50.0%	50.0% #BCC4C7	RGB 188 196 199	#BCC4C7
66.7%	66.7% #C9CFD1	RGB 201 207 209	#C9CFD1
83.3%	83.3% #D5DADB	RGB 213 218 219	#D5DADB
100.0%	100.0% #E2E5E6	RGB 226 229 230	#E2E5E6

#9AA5A8 #A5AFB2 #B1BABC #BCC4C7 #C9CFD1 #D5DADB #E2E5E6

#9AA5A8 - #BCC4C7 - #E2E5E6

Códigos CSS

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

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