#245031 - #040B18 | 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 #245031 a #040B18

#245031 #040B18

Calcule el color entre dos colores, #245031 y #040B18. 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)

#245031 - #040B18 | 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 #245031 como 0% y #040B18 como 100%.

0.0%	0.0% #245031	RGB 36 80 49	#245031
16.7%	16.7% #1E442C	RGB 30 68 44	#1E442C
33.3%	33.3% #193928	RGB 25 57 40	#193928
50.0%	50.0% #142D24	RGB 20 45 36	#142D24
66.7%	66.7% #0E2120	RGB 14 33 32	#0E2120
83.3%	83.3% #09161C	RGB 9 22 28	#09161C
100.0%	100.0% #040B18	RGB 4 11 24	#040B18

#245031 #1E442C #193928 #142D24 #0E2120 #09161C #040B18

#245031 - #040B18

Mezcla HSV

#245031 - #040B18 | 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 #245031 como 0% y #040B18 como 100%.

0.0%	0.0% #245031	RGB 36 80 49	#245031
16.7%	16.7% #1C4632	RGB 28 70 50	#1C4632
33.3%	33.3% #153D33	RGB 21 61 51	#153D33
50.0%	50.0% #103433	RGB 16 52 51	#103433
66.7%	66.7% #0B242A	RGB 11 36 42	#0B242A
83.3%	83.3% #071621	RGB 7 22 33	#071621
100.0%	100.0% #040B18	RGB 4 11 24	#040B18

#245031 #1C4632 #153D33 #103433 #0B242A #071621 #040B18

#245031 - #103433 - #040B18

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #245031 0%, #103433 50%, #040B18 100%);
    background: -webkit-linear-gradient(top, #245031 0%, #103433 50%, #040B18 100%);
    background: linear-gradient(to bottom, #245031 0%, #103433 50%, #040B18 100%);
}
</style>