#212844 - #090B13 | 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 #212844 a #090B13

#212844 #090B13

Calcule el color entre dos colores, #212844 y #090B13. 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)

#212844 - #090B13 | 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 #212844 como 0% y #090B13 como 100%.

0.0%	0.0% #212844	RGB 33 40 68	#212844
16.7%	16.7% #1D233B	RGB 29 35 59	#1D233B
33.3%	33.3% #191E33	RGB 25 30 51	#191E33
50.0%	50.0% #15192B	RGB 21 25 43	#15192B
66.7%	66.7% #111423	RGB 17 20 35	#111423
83.3%	83.3% #0D0F1B	RGB 13 15 27	#0D0F1B
100.0%	100.0% #090B13	RGB 9 11 19	#090B13

#212844 #1D233B #191E33 #15192B #111423 #0D0F1B #090B13

#212844 - #090B13

Mezcla HSV

#212844 - #090B13 | 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 #212844 como 0% y #090B13 como 100%.

0.0%	0.0% #212844	RGB 33 40 68	#212844
16.7%	16.7% #1C233B	RGB 28 35 59	#1C233B
33.3%	33.3% #181E33	RGB 24 30 51	#181E33
50.0%	50.0% #14192B	RGB 20 25 43	#14192B
66.7%	66.7% #101423	RGB 16 20 35	#101423
83.3%	83.3% #0C0F1B	RGB 12 15 27	#0C0F1B
100.0%	100.0% #090B13	RGB 9 11 19	#090B13

#212844 #1C233B #181E33 #14192B #101423 #0C0F1B #090B13

#212844 - #14192B - #090B13

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #212844 0%, #14192B 50%, #090B13 100%);
    background: -webkit-linear-gradient(top, #212844 0%, #14192B 50%, #090B13 100%);
    background: linear-gradient(to bottom, #212844 0%, #14192B 50%, #090B13 100%);
}
</style>