#E3E3E4 - #889AAA | 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 #E3E3E4 a #889AAA

#E3E3E4 #889AAA

Calcule el color entre dos colores, #E3E3E4 y #889AAA. 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)

#E3E3E4 - #889AAA | 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 #E3E3E4 como 0% y #889AAA como 100%.

0.0%	0.0% #E3E3E4	RGB 227 227 228	#E3E3E4
16.7%	16.7% #D3D6DA	RGB 211 214 218	#D3D6DA
33.3%	33.3% #C4CAD0	RGB 196 202 208	#C4CAD0
50.0%	50.0% #B5BEC7	RGB 181 190 199	#B5BEC7
66.7%	66.7% #A6B2BD	RGB 166 178 189	#A6B2BD
83.3%	83.3% #97A6B3	RGB 151 166 179	#97A6B3
100.0%	100.0% #889AAA	RGB 136 154 170	#889AAA

#E3E3E4 #D3D6DA #C4CAD0 #B5BEC7 #A6B2BD #97A6B3 #889AAA

#E3E3E4 - #889AAA

Mezcla HSV

#E3E3E4 - #889AAA | 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 #E3E3E4 como 0% y #889AAA como 100%.

0.0%	0.0% #E3E3E4	RGB 227 227 228	#E3E3E4
16.7%	16.7% #D2D2DA	RGB 210 210 218	#D2D2DA
33.3%	33.3% #C2C4D0	RGB 194 196 208	#C2C4D0
50.0%	50.0% #B2B8C7	RGB 178 184 199	#B2B8C7
66.7%	66.7% #A3ACBD	RGB 163 172 189	#A3ACBD
83.3%	83.3% #95A2B3	RGB 149 162 179	#95A2B3
100.0%	100.0% #889AAA	RGB 136 154 170	#889AAA

#E3E3E4 #D2D2DA #C2C4D0 #B2B8C7 #A3ACBD #95A2B3 #889AAA

#E3E3E4 - #B2B8C7 - #889AAA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E3E3E4 0%, #B2B8C7 50%, #889AAA 100%);
    background: -webkit-linear-gradient(top, #E3E3E4 0%, #B2B8C7 50%, #889AAA 100%);
    background: linear-gradient(to bottom, #E3E3E4 0%, #B2B8C7 50%, #889AAA 100%);
}
</style>