#E5E4E4 - #8B8AAB | 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 #E5E4E4 a #8B8AAB

#E5E4E4 #8B8AAB

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

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

0.0%	0.0% #E5E4E4	RGB 229 228 228	#E5E4E4
16.7%	16.7% #D6D5DA	RGB 214 213 218	#D6D5DA
33.3%	33.3% #C7C6D1	RGB 199 198 209	#C7C6D1
50.0%	50.0% #B8B7C7	RGB 184 183 199	#B8B7C7
66.7%	66.7% #A9A8BE	RGB 169 168 190	#A9A8BE
83.3%	83.3% #9A99B4	RGB 154 153 180	#9A99B4
100.0%	100.0% #8B8AAB	RGB 139 138 171	#8B8AAB

#E5E4E4 #D6D5DA #C7C6D1 #B8B7C7 #A9A8BE #9A99B4 #8B8AAB

#E5E4E4 - #8B8AAB

Mezcla HSV

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

0.0%	0.0% #E5E4E4	RGB 229 228 228	#E5E4E4
16.7%	16.7% #DBD3D6	RGB 219 211 214	#DBD3D6
33.3%	33.3% #D1C3CC	RGB 209 195 204	#D1C3CC
50.0%	50.0% #C8B4C7	RGB 200 180 199	#C8B4C7
66.7%	66.7% #B6A5BE	RGB 182 165 190	#B6A5BE
83.3%	83.3% #A197B4	RGB 161 151 180	#A197B4
100.0%	100.0% #8B8AAB	RGB 139 138 171	#8B8AAB

#E5E4E4 #DBD3D6 #D1C3CC #C8B4C7 #B6A5BE #A197B4 #8B8AAB

#E5E4E4 - #C8B4C7 - #8B8AAB

Códigos CSS

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

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