#9EA6AD - #E3E5E7 | 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 #9EA6AD a #E3E5E7

#9EA6AD #E3E5E7

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

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

0.0%	0.0% #9EA6AD	RGB 158 166 173	#9EA6AD
16.7%	16.7% #A9B0B6	RGB 169 176 182	#A9B0B6
33.3%	33.3% #B5BBC0	RGB 181 187 192	#B5BBC0
50.0%	50.0% #C0C5CA	RGB 192 197 202	#C0C5CA
66.7%	66.7% #CCD0D3	RGB 204 208 211	#CCD0D3
83.3%	83.3% #D7DADD	RGB 215 218 221	#D7DADD
100.0%	100.0% #E3E5E7	RGB 227 229 231	#E3E5E7

#9EA6AD #A9B0B6 #B5BBC0 #C0C5CA #CCD0D3 #D7DADD #E3E5E7

#9EA6AD - #E3E5E7

Mezcla HSV

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

0.0%	0.0% #9EA6AD	RGB 158 166 173	#9EA6AD
16.7%	16.7% #A8B0B6	RGB 168 176 182	#A8B0B6
33.3%	33.3% #B4BAC0	RGB 180 186 192	#B4BAC0
50.0%	50.0% #BFC4CA	RGB 191 196 202	#BFC4CA
66.7%	66.7% #CBCFD3	RGB 203 207 211	#CBCFD3
83.3%	83.3% #D6DADD	RGB 214 218 221	#D6DADD
100.0%	100.0% #E3E5E7	RGB 227 229 231	#E3E5E7

#9EA6AD #A8B0B6 #B4BAC0 #BFC4CA #CBCFD3 #D6DADD #E3E5E7

#9EA6AD - #BFC4CA - #E3E5E7

Códigos CSS

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

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