#101339 - #BABBC6 | 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 #101339 a #BABBC6

#101339 #BABBC6

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

#101339 - #BABBC6 | 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 #101339 como 0% y #BABBC6 como 100%.

0.0%	0.0% #101339	RGB 16 19 57	#101339
16.7%	16.7% #2C2F50	RGB 44 47 80	#2C2F50
33.3%	33.3% #484B68	RGB 72 75 104	#484B68
50.0%	50.0% #65677F	RGB 101 103 127	#65677F
66.7%	66.7% #818397	RGB 129 131 151	#818397
83.3%	83.3% #9D9FAE	RGB 157 159 174	#9D9FAE
100.0%	100.0% #BABBC6	RGB 186 187 198	#BABBC6

#101339 #2C2F50 #484B68 #65677F #818397 #9D9FAE #BABBC6

#101339 - #BABBC6

Mezcla HSV

#101339 - #BABBC6 | 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 #101339 como 0% y #BABBC6 como 100%.

0.0%	0.0% #101339	RGB 16 19 57	#101339
16.7%	16.7% #1F2350	RGB 31 35 80	#1F2350
33.3%	33.3% #343868	RGB 52 56 104	#343868
50.0%	50.0% #4D517F	RGB 77 81 127	#4D517F
66.7%	66.7% #6C7097	RGB 108 112 151	#6C7097
83.3%	83.3% #9093AE	RGB 144 147 174	#9093AE
100.0%	100.0% #BABBC6	RGB 186 187 198	#BABBC6

#101339 #1F2350 #343868 #4D517F #6C7097 #9093AE #BABBC6

#101339 - #4D517F - #BABBC6

Códigos CSS

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

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