#0E1020 - #BABABF | 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 #0E1020 a #BABABF

#0E1020 #BABABF

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

#0E1020 - #BABABF | 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 #0E1020 como 0% y #BABABF como 100%.

0.0%	0.0% #0E1020	RGB 14 16 32	#0E1020
16.7%	16.7% #2A2C3A	RGB 42 44 58	#2A2C3A
33.3%	33.3% #474855	RGB 71 72 85	#474855
50.0%	50.0% #64656F	RGB 100 101 111	#64656F
66.7%	66.7% #80818A	RGB 128 129 138	#80818A
83.3%	83.3% #9D9DA4	RGB 157 157 164	#9D9DA4
100.0%	100.0% #BABABF	RGB 186 186 191	#BABABF

#0E1020 #2A2C3A #474855 #64656F #80818A #9D9DA4 #BABABF

#0E1020 - #BABABF

Mezcla HSV

#0E1020 - #BABABF | 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 #0E1020 como 0% y #BABABF como 100%.

0.0%	0.0% #0E0F20	RGB 14 15 32	#0E0F20
16.7%	16.7% #1E213A	RGB 30 33 58	#1E213A
33.3%	33.3% #343655	RGB 52 54 85	#343655
50.0%	50.0% #4E506F	RGB 78 80 111	#4E506F
66.7%	66.7% #6D6E8A	RGB 109 110 138	#6D6E8A
83.3%	83.3% #9191A4	RGB 145 145 164	#9191A4
100.0%	100.0% #BABABF	RGB 186 186 191	#BABABF

#0E0F20 #1E213A #343655 #4E506F #6D6E8A #9191A4 #BABABF

#0E1020 - #4E506F - #BABABF

Códigos CSS

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

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