#101124 - #BABBC0 | 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 #101124 a #BABBC0

#101124 #BABBC0

Calcule el color entre dos colores, #101124 y #BABBC0. 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)

#101124 - #BABBC0 | 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 #101124 como 0% y #BABBC0 como 100%.

0.0%	0.0% #101124	RGB 16 17 36	#101124
16.7%	16.7% #2C2D3E	RGB 44 45 62	#2C2D3E
33.3%	33.3% #484958	RGB 72 73 88	#484958
50.0%	50.0% #656672	RGB 101 102 114	#656672
66.7%	66.7% #81828C	RGB 129 130 140	#81828C
83.3%	83.3% #9D9EA6	RGB 157 158 166	#9D9EA6
100.0%	100.0% #BABBC0	RGB 186 187 192	#BABBC0

#101124 #2C2D3E #484958 #656672 #81828C #9D9EA6 #BABBC0

#101124 - #BABBC0

Mezcla HSV

#101124 - #BABBC0 | 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 #101124 como 0% y #BABBC0 como 100%.

0.0%	0.0% #101024	RGB 16 16 36	#101024
16.7%	16.7% #20223E	RGB 32 34 62	#20223E
33.3%	33.3% #363958	RGB 54 57 88	#363958
50.0%	50.0% #505472	RGB 80 84 114	#505472
66.7%	66.7% #6F728C	RGB 111 114 140	#6F728C
83.3%	83.3% #9295A6	RGB 146 149 166	#9295A6
100.0%	100.0% #BABBC0	RGB 186 187 192	#BABBC0

#101024 #20223E #363958 #505472 #6F728C #9295A6 #BABBC0

#101124 - #505472 - #BABBC0

Códigos CSS

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

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