#101070 - #BABAD6 | 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 #101070 a #BABAD6

#101070 #BABAD6

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

#101070 - #BABAD6 | 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 #101070 como 0% y #BABAD6 como 100%.

0.0%	0.0% #101070	RGB 16 16 112	#101070
16.7%	16.7% #2C2C81	RGB 44 44 129	#2C2C81
33.3%	33.3% #484892	RGB 72 72 146	#484892
50.0%	50.0% #6565A3	RGB 101 101 163	#6565A3
66.7%	66.7% #8181B4	RGB 129 129 180	#8181B4
83.3%	83.3% #9D9DC5	RGB 157 157 197	#9D9DC5
100.0%	100.0% #BABAD6	RGB 186 186 214	#BABAD6

#101070 #2C2C81 #484892 #6565A3 #8181B4 #9D9DC5 #BABAD6

#101070 - #BABAD6

Mezcla HSV

#101070 - #BABAD6 | 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 #101070 como 0% y #BABAD6 como 100%.

0.0%	0.0% #101070	RGB 16 16 112	#101070
16.7%	16.7% #222281	RGB 34 34 129	#222281
33.3%	33.3% #383892	RGB 56 56 146	#383892
50.0%	50.0% #5252A3	RGB 82 82 163	#5252A3
66.7%	66.7% #7070B4	RGB 112 112 180	#7070B4
83.3%	83.3% #9393C5	RGB 147 147 197	#9393C5
100.0%	100.0% #BABAD6	RGB 186 186 214	#BABAD6

#101070 #222281 #383892 #5252A3 #7070B4 #9393C5 #BABAD6

#101070 - #5252A3 - #BABAD6

Códigos CSS

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

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