#009671 - #005D35 | 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 #009671 a #005D35

#009671 #005D35

Calcule el color entre dos colores, #009671 y #005D35. 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)

#009671 - #005D35 | 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 #009671 como 0% y #005D35 como 100%.

0.0%	0.0% #009671	RGB 0 150 113	#009671
16.7%	16.7% #008C67	RGB 0 140 103	#008C67
33.3%	33.3% #00835D	RGB 0 131 93	#00835D
50.0%	50.0% #007953	RGB 0 121 83	#007953
66.7%	66.7% #007049	RGB 0 112 73	#007049
83.3%	83.3% #00663F	RGB 0 102 63	#00663F
100.0%	100.0% #005D35	RGB 0 93 53	#005D35

#009671 #008C67 #00835D #007953 #007049 #00663F #005D35

#009671 - #005D35

Mezcla HSV

#009671 - #005D35 | 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 #009671 como 0% y #005D35 como 100%.

0.0%	0.0% #009671	RGB 0 150 113	#009671
16.7%	16.7% #008C65	RGB 0 140 101	#008C65
33.3%	33.3% #00835A	RGB 0 131 90	#00835A
50.0%	50.0% #007950	RGB 0 121 80	#007950
66.7%	66.7% #007046	RGB 0 112 70	#007046
83.3%	83.3% #00663D	RGB 0 102 61	#00663D
100.0%	100.0% #005D35	RGB 0 93 53	#005D35

#009671 #008C65 #00835A #007950 #007046 #00663D #005D35

#009671 - #007950 - #005D35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009671 0%, #007950 50%, #005D35 100%);
    background: -webkit-linear-gradient(top, #009671 0%, #007950 50%, #005D35 100%);
    background: linear-gradient(to bottom, #009671 0%, #007950 50%, #005D35 100%);
}
</style>