#0E1027 - #BABAC1 | 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 #0E1027 a #BABAC1

#0E1027 #BABAC1

Calcule el color entre dos colores, #0E1027 y #BABAC1. 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)

#0E1027 - #BABAC1 | 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 #0E1027 como 0% y #BABAC1 como 100%.

0.0%	0.0% #0E1027	RGB 14 16 39	#0E1027
16.7%	16.7% #2A2C40	RGB 42 44 64	#2A2C40
33.3%	33.3% #47485A	RGB 71 72 90	#47485A
50.0%	50.0% #646574	RGB 100 101 116	#646574
66.7%	66.7% #80818D	RGB 128 129 141	#80818D
83.3%	83.3% #9D9DA7	RGB 157 157 167	#9D9DA7
100.0%	100.0% #BABAC1	RGB 186 186 193	#BABAC1

#0E1027 #2A2C40 #47485A #646574 #80818D #9D9DA7 #BABAC1

#0E1027 - #BABAC1

Mezcla HSV

#0E1027 - #BABAC1 | 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 #0E1027 como 0% y #BABAC1 como 100%.

0.0%	0.0% #0E1027	RGB 14 16 39	#0E1027
16.7%	16.7% #1D2040	RGB 29 32 64	#1D2040
33.3%	33.3% #32345A	RGB 50 52 90	#32345A
50.0%	50.0% #4C4E74	RGB 76 78 116	#4C4E74
66.7%	66.7% #6B6C8D	RGB 107 108 141	#6B6C8D
83.3%	83.3% #9090A7	RGB 144 144 167	#9090A7
100.0%	100.0% #BABAC1	RGB 186 186 193	#BABAC1

#0E1027 #1D2040 #32345A #4C4E74 #6B6C8D #9090A7 #BABAC1

#0E1027 - #4C4E74 - #BABAC1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E1027 0%, #4C4E74 50%, #BABAC1 100%);
    background: -webkit-linear-gradient(top, #0E1027 0%, #4C4E74 50%, #BABAC1 100%);
    background: linear-gradient(to bottom, #0E1027 0%, #4C4E74 50%, #BABAC1 100%);
}
</style>