#101C39 - #BABEC6 | 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 #101C39 a #BABEC6

#101C39 #BABEC6

Calcule el color entre dos colores, #101C39 y #BABEC6. 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)

#101C39 - #BABEC6 | 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 #101C39 como 0% y #BABEC6 como 100%.

0.0%	0.0% #101C39	RGB 16 28 57	#101C39
16.7%	16.7% #2C3750	RGB 44 55 80	#2C3750
33.3%	33.3% #485268	RGB 72 82 104	#485268
50.0%	50.0% #656D7F	RGB 101 109 127	#656D7F
66.7%	66.7% #818897	RGB 129 136 151	#818897
83.3%	83.3% #9DA3AE	RGB 157 163 174	#9DA3AE
100.0%	100.0% #BABEC6	RGB 186 190 198	#BABEC6

#101C39 #2C3750 #485268 #656D7F #818897 #9DA3AE #BABEC6

#101C39 - #BABEC6

Mezcla HSV

#101C39 - #BABEC6 | 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 #101C39 como 0% y #BABEC6 como 100%.

0.0%	0.0% #101C39	RGB 16 28 57	#101C39
16.7%	16.7% #1F2E50	RGB 31 46 80	#1F2E50
33.3%	33.3% #344368	RGB 52 67 104	#344368
50.0%	50.0% #4D5D7F	RGB 77 93 127	#4D5D7F
66.7%	66.7% #6C7A97	RGB 108 122 151	#6C7A97
83.3%	83.3% #909AAE	RGB 144 154 174	#909AAE
100.0%	100.0% #BABEC6	RGB 186 190 198	#BABEC6

#101C39 #1F2E50 #344368 #4D5D7F #6C7A97 #909AAE #BABEC6

#101C39 - #4D5D7F - #BABEC6

Códigos CSS

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

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