#E3E3E7 - #8D98AE | 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 #E3E3E7 a #8D98AE

#E3E3E7 #8D98AE

Calcule el color entre dos colores, #E3E3E7 y #8D98AE. 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)

#E3E3E7 - #8D98AE | 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 #E3E3E7 como 0% y #8D98AE como 100%.

0.0%	0.0% #E3E3E7	RGB 227 227 231	#E3E3E7
16.7%	16.7% #D4D6DD	RGB 212 214 221	#D4D6DD
33.3%	33.3% #C6CAD4	RGB 198 202 212	#C6CAD4
50.0%	50.0% #B8BDCA	RGB 184 189 202	#B8BDCA
66.7%	66.7% #A9B1C1	RGB 169 177 193	#A9B1C1
83.3%	83.3% #9BA4B7	RGB 155 164 183	#9BA4B7
100.0%	100.0% #8D98AE	RGB 141 152 174	#8D98AE

#E3E3E7 #D4D6DD #C6CAD4 #B8BDCA #A9B1C1 #9BA4B7 #8D98AE

#E3E3E7 - #8D98AE

Mezcla HSV

#E3E3E7 - #8D98AE | 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 #E3E3E7 como 0% y #8D98AE como 100%.

0.0%	0.0% #E3E3E7	RGB 227 227 231	#E3E3E7
16.7%	16.7% #D3D3DD	RGB 211 211 221	#D3D3DD
33.3%	33.3% #C4C5D4	RGB 196 197 212	#C4C5D4
50.0%	50.0% #B5B9CA	RGB 181 185 202	#B5B9CA
66.7%	66.7% #A7ADC1	RGB 167 173 193	#A7ADC1
83.3%	83.3% #99A2B7	RGB 153 162 183	#99A2B7
100.0%	100.0% #8D98AE	RGB 141 152 174	#8D98AE

#E3E3E7 #D3D3DD #C4C5D4 #B5B9CA #A7ADC1 #99A2B7 #8D98AE

#E3E3E7 - #B5B9CA - #8D98AE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E3E3E7 0%, #B5B9CA 50%, #8D98AE 100%);
    background: -webkit-linear-gradient(top, #E3E3E7 0%, #B5B9CA 50%, #8D98AE 100%);
    background: linear-gradient(to bottom, #E3E3E7 0%, #B5B9CA 50%, #8D98AE 100%);
}
</style>