#9EA5A5 - #E3E5E5 | 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 #9EA5A5 a #E3E5E5

#9EA5A5 #E3E5E5

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

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

0.0%	0.0% #9EA5A5	RGB 158 165 165	#9EA5A5
16.7%	16.7% #A9AFAF	RGB 169 175 175	#A9AFAF
33.3%	33.3% #B5BABA	RGB 181 186 186	#B5BABA
50.0%	50.0% #C0C5C5	RGB 192 197 197	#C0C5C5
66.7%	66.7% #CCCFCF	RGB 204 207 207	#CCCFCF
83.3%	83.3% #D7DADA	RGB 215 218 218	#D7DADA
100.0%	100.0% #E3E5E5	RGB 227 229 229	#E3E5E5

#9EA5A5 #A9AFAF #B5BABA #C0C5C5 #CCCFCF #D7DADA #E3E5E5

#9EA5A5 - #E3E5E5

Mezcla HSV

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

0.0%	0.0% #9EA5A5	RGB 158 165 165	#9EA5A5
16.7%	16.7% #A9AFAF	RGB 169 175 175	#A9AFAF
33.3%	33.3% #B4BABA	RGB 180 186 186	#B4BABA
50.0%	50.0% #BFC5C5	RGB 191 197 197	#BFC5C5
66.7%	66.7% #CBCFCF	RGB 203 207 207	#CBCFCF
83.3%	83.3% #D7DADA	RGB 215 218 218	#D7DADA
100.0%	100.0% #E3E5E5	RGB 227 229 229	#E3E5E5

#9EA5A5 #A9AFAF #B4BABA #BFC5C5 #CBCFCF #D7DADA #E3E5E5

#9EA5A5 - #BFC5C5 - #E3E5E5

Códigos CSS

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

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