#002323 - #126251 | 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 #002323 a #126251

#002323 #126251

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

#002323 - #126251 | 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 #002323 como 0% y #126251 como 100%.

0.0%	0.0% #002323	RGB 0 35 35	#002323
16.7%	16.7% #032D2A	RGB 3 45 42	#032D2A
33.3%	33.3% #063832	RGB 6 56 50	#063832
50.0%	50.0% #09423A	RGB 9 66 58	#09423A
66.7%	66.7% #0C4D41	RGB 12 77 65	#0C4D41
83.3%	83.3% #0F5749	RGB 15 87 73	#0F5749
100.0%	100.0% #126251	RGB 18 98 81	#126251

#002323 #032D2A #063832 #09423A #0C4D41 #0F5749 #126251

#002323 - #126251

Mezcla HSV

#002323 - #126251 | 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 #002323 como 0% y #126251 como 100%.

0.0%	0.0% #002323	RGB 0 35 35	#002323
16.7%	16.7% #012D2B	RGB 1 45 43	#012D2B
33.3%	33.3% #033834	RGB 3 56 52	#033834
50.0%	50.0% #06423C	RGB 6 66 60	#06423C
66.7%	66.7% #094D43	RGB 9 77 67	#094D43
83.3%	83.3% #0D574A	RGB 13 87 74	#0D574A
100.0%	100.0% #126251	RGB 18 98 81	#126251

#002323 #012D2B #033834 #06423C #094D43 #0D574A #126251

#002323 - #06423C - #126251

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002323 0%, #06423C 50%, #126251 100%);
    background: -webkit-linear-gradient(top, #002323 0%, #06423C 50%, #126251 100%);
    background: linear-gradient(to bottom, #002323 0%, #06423C 50%, #126251 100%);
}
</style>