#9BA1A8 - #E2E3E6 | 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 #9BA1A8 a #E2E3E6

#9BA1A8 #E2E3E6

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

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

0.0%	0.0% #9BA1A8	RGB 155 161 168	#9BA1A8
16.7%	16.7% #A6ACB2	RGB 166 172 178	#A6ACB2
33.3%	33.3% #B2B7BC	RGB 178 183 188	#B2B7BC
50.0%	50.0% #BEC2C7	RGB 190 194 199	#BEC2C7
66.7%	66.7% #CACDD1	RGB 202 205 209	#CACDD1
83.3%	83.3% #D6D8DB	RGB 214 216 219	#D6D8DB
100.0%	100.0% #E2E3E6	RGB 226 227 230	#E2E3E6

#9BA1A8 #A6ACB2 #B2B7BC #BEC2C7 #CACDD1 #D6D8DB #E2E3E6

#9BA1A8 - #E2E3E6

Mezcla HSV

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

0.0%	0.0% #9BA1A8	RGB 155 161 168	#9BA1A8
16.7%	16.7% #A6ABB2	RGB 166 171 178	#A6ABB2
33.3%	33.3% #B1B6BC	RGB 177 182 188	#B1B6BC
50.0%	50.0% #BDC0C7	RGB 189 192 199	#BDC0C7
66.7%	66.7% #C9CCD1	RGB 201 204 209	#C9CCD1
83.3%	83.3% #D5D7DB	RGB 213 215 219	#D5D7DB
100.0%	100.0% #E2E3E6	RGB 226 227 230	#E2E3E6

#9BA1A8 #A6ABB2 #B1B6BC #BDC0C7 #C9CCD1 #D5D7DB #E2E3E6

#9BA1A8 - #BDC0C7 - #E2E3E6

Códigos CSS

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

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