#071717 - #094B3E | 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 #071717 a #094B3E

#071717 #094B3E

Calcule el color entre dos colores, #071717 y #094B3E. 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)

#071717 - #094B3E | 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 #071717 como 0% y #094B3E como 100%.

0.0%	0.0% #071717	RGB 7 23 23	#071717
16.7%	16.7% #071F1D	RGB 7 31 29	#071F1D
33.3%	33.3% #072824	RGB 7 40 36	#072824
50.0%	50.0% #08312A	RGB 8 49 42	#08312A
66.7%	66.7% #083931	RGB 8 57 49	#083931
83.3%	83.3% #084237	RGB 8 66 55	#084237
100.0%	100.0% #094B3E	RGB 9 75 62	#094B3E

#071717 #071F1D #072824 #08312A #083931 #084237 #094B3E

#071717 - #094B3E

Mezcla HSV

#071717 - #094B3E | 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 #071717 como 0% y #094B3E como 100%.

0.0%	0.0% #071717	RGB 7 23 23	#071717
16.7%	16.7% #081F1E	RGB 8 31 30	#081F1E
33.3%	33.3% #092826	RGB 9 40 38	#092826
50.0%	50.0% #0A312D	RGB 10 49 45	#0A312D
66.7%	66.7% #0A3933	RGB 10 57 51	#0A3933
83.3%	83.3% #094239	RGB 9 66 57	#094239
100.0%	100.0% #094B3E	RGB 9 75 62	#094B3E

#071717 #081F1E #092826 #0A312D #0A3933 #094239 #094B3E

#071717 - #0A312D - #094B3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #071717 0%, #0A312D 50%, #094B3E 100%);
    background: -webkit-linear-gradient(top, #071717 0%, #0A312D 50%, #094B3E 100%);
    background: linear-gradient(to bottom, #071717 0%, #0A312D 50%, #094B3E 100%);
}
</style>