#E3E4E7 - #8DA2AE | 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 #E3E4E7 a #8DA2AE

#E3E4E7 #8DA2AE

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

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

0.0%	0.0% #E3E4E7	RGB 227 228 231	#E3E4E7
16.7%	16.7% #D4D9DD	RGB 212 217 221	#D4D9DD
33.3%	33.3% #C6CED4	RGB 198 206 212	#C6CED4
50.0%	50.0% #B8C3CA	RGB 184 195 202	#B8C3CA
66.7%	66.7% #A9B8C1	RGB 169 184 193	#A9B8C1
83.3%	83.3% #9BADB7	RGB 155 173 183	#9BADB7
100.0%	100.0% #8DA2AE	RGB 141 162 174	#8DA2AE

#E3E4E7 #D4D9DD #C6CED4 #B8C3CA #A9B8C1 #9BADB7 #8DA2AE

#E3E4E7 - #8DA2AE

Mezcla HSV

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

0.0%	0.0% #E3E4E7	RGB 227 228 231	#E3E4E7
16.7%	16.7% #D3D6DD	RGB 211 214 221	#D3D6DD
33.3%	33.3% #C4CAD4	RGB 196 202 212	#C4CAD4
50.0%	50.0% #B5BECA	RGB 181 190 202	#B5BECA
66.7%	66.7% #A7B4C1	RGB 167 180 193	#A7B4C1
83.3%	83.3% #99AAB7	RGB 153 170 183	#99AAB7
100.0%	100.0% #8DA2AE	RGB 141 162 174	#8DA2AE

#E3E4E7 #D3D6DD #C4CAD4 #B5BECA #A7B4C1 #99AAB7 #8DA2AE

#E3E4E7 - #B5BECA - #8DA2AE

Códigos CSS

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

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