#0F2B3C - #030D21 | 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 #0F2B3C a #030D21

#0F2B3C #030D21

Calcule el color entre dos colores, #0F2B3C y #030D21. 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)

#0F2B3C - #030D21 | 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 #0F2B3C como 0% y #030D21 como 100%.

0.0%	0.0% #0F2B3C	RGB 15 43 60	#0F2B3C
16.7%	16.7% #0D2637	RGB 13 38 55	#0D2637
33.3%	33.3% #0B2133	RGB 11 33 51	#0B2133
50.0%	50.0% #091C2E	RGB 9 28 46	#091C2E
66.7%	66.7% #07172A	RGB 7 23 42	#07172A
83.3%	83.3% #051225	RGB 5 18 37	#051225
100.0%	100.0% #030D21	RGB 3 13 33	#030D21

#0F2B3C #0D2637 #0B2133 #091C2E #07172A #051225 #030D21

#0F2B3C - #030D21

Mezcla HSV

#0F2B3C - #030D21 | 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 #0F2B3C como 0% y #030D21 como 100%.

0.0%	0.0% #0F2B3C	RGB 15 43 60	#0F2B3C
16.7%	16.7% #0C2537	RGB 12 37 55	#0C2537
33.3%	33.3% #0A1F33	RGB 10 31 51	#0A1F33
50.0%	50.0% #071A2E	RGB 7 26 46	#071A2E
66.7%	66.7% #06152A	RGB 6 21 42	#06152A
83.3%	83.3% #041125	RGB 4 17 37	#041125
100.0%	100.0% #030D21	RGB 3 13 33	#030D21

#0F2B3C #0C2537 #0A1F33 #071A2E #06152A #041125 #030D21

#0F2B3C - #071A2E - #030D21

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F2B3C 0%, #071A2E 50%, #030D21 100%);
    background: -webkit-linear-gradient(top, #0F2B3C 0%, #071A2E 50%, #030D21 100%);
    background: linear-gradient(to bottom, #0F2B3C 0%, #071A2E 50%, #030D21 100%);
}
</style>