#00A642 - #004121 | 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 #00A642 a #004121

#00A642 #004121

Calcule el color entre dos colores, #00A642 y #004121. 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)

#00A642 - #004121 | 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 #00A642 como 0% y #004121 como 100%.

0.0%	0.0% #00A642	RGB 0 166 66	#00A642
16.7%	16.7% #00953C	RGB 0 149 60	#00953C
33.3%	33.3% #008437	RGB 0 132 55	#008437
50.0%	50.0% #007331	RGB 0 115 49	#007331
66.7%	66.7% #00622C	RGB 0 98 44	#00622C
83.3%	83.3% #005126	RGB 0 81 38	#005126
100.0%	100.0% #004121	RGB 0 65 33	#004121

#00A642 #00953C #008437 #007331 #00622C #005126 #004121

#00A642 - #004121

Mezcla HSV

#00A642 - #004121 | 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 #00A642 como 0% y #004121 como 100%.

0.0%	0.0% #00A641	RGB 0 166 65	#00A641
16.7%	16.7% #00953E	RGB 0 149 62	#00953E
33.3%	33.3% #008439	RGB 0 132 57	#008439
50.0%	50.0% #007334	RGB 0 115 52	#007334
66.7%	66.7% #00622E	RGB 0 98 46	#00622E
83.3%	83.3% #005128	RGB 0 81 40	#005128
100.0%	100.0% #004121	RGB 0 65 33	#004121

#00A641 #00953E #008439 #007334 #00622E #005128 #004121

#00A642 - #007334 - #004121

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A641 0%, #007334 50%, #004121 100%);
    background: -webkit-linear-gradient(top, #00A641 0%, #007334 50%, #004121 100%);
    background: linear-gradient(to bottom, #00A641 0%, #007334 50%, #004121 100%);
}
</style>