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

#101239 #BABBC6

Calcule el color entre dos colores, #101239 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)

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

0.0%	0.0% #101239	RGB 16 18 57	#101239
16.7%	16.7% #2C2E50	RGB 44 46 80	#2C2E50
33.3%	33.3% #484A68	RGB 72 74 104	#484A68
50.0%	50.0% #65667F	RGB 101 102 127	#65667F
66.7%	66.7% #818297	RGB 129 130 151	#818297
83.3%	83.3% #9D9EAE	RGB 157 158 174	#9D9EAE
100.0%	100.0% #BABBC6	RGB 186 187 198	#BABBC6

#101239 #2C2E50 #484A68 #65667F #818297 #9D9EAE #BABBC6

#101239 - #BABBC6

Mezcla HSV

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

0.0%	0.0% #101139	RGB 16 17 57	#101139
16.7%	16.7% #1F2250	RGB 31 34 80	#1F2250
33.3%	33.3% #343768	RGB 52 55 104	#343768
50.0%	50.0% #4D517F	RGB 77 81 127	#4D517F
66.7%	66.7% #6C6F97	RGB 108 111 151	#6C6F97
83.3%	83.3% #9093AE	RGB 144 147 174	#9093AE
100.0%	100.0% #BABBC6	RGB 186 187 198	#BABBC6

#101139 #1F2250 #343768 #4D517F #6C6F97 #9093AE #BABBC6

#101239 - #4D517F - #BABBC6

Códigos CSS

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

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