#00963B - #006611 | 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 #00963B a #006611

#00963B #006611

Calcule el color entre dos colores, #00963B y #006611. 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)

#00963B - #006611 | 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 #00963B como 0% y #006611 como 100%.

0.0%	0.0% #00963B	RGB 0 150 59	#00963B
16.7%	16.7% #008E34	RGB 0 142 52	#008E34
33.3%	33.3% #00862D	RGB 0 134 45	#00862D
50.0%	50.0% #007E26	RGB 0 126 38	#007E26
66.7%	66.7% #00761F	RGB 0 118 31	#00761F
83.3%	83.3% #006E18	RGB 0 110 24	#006E18
100.0%	100.0% #006611	RGB 0 102 17	#006611

#00963B #008E34 #00862D #007E26 #00761F #006E18 #006611

#00963B - #006611

Mezcla HSV

#00963B - #006611 | 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 #00963B como 0% y #006611 como 100%.

0.0%	0.0% #00963B	RGB 0 150 59	#00963B
16.7%	16.7% #008E32	RGB 0 142 50	#008E32
33.3%	33.3% #00862A	RGB 0 134 42	#00862A
50.0%	50.0% #007E23	RGB 0 126 35	#007E23
66.7%	66.7% #00761C	RGB 0 118 28	#00761C
83.3%	83.3% #006E16	RGB 0 110 22	#006E16
100.0%	100.0% #006611	RGB 0 102 17	#006611

#00963B #008E32 #00862A #007E23 #00761C #006E16 #006611

#00963B - #007E23 - #006611

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00963B 0%, #007E23 50%, #006611 100%);
    background: -webkit-linear-gradient(top, #00963B 0%, #007E23 50%, #006611 100%);
    background: linear-gradient(to bottom, #00963B 0%, #007E23 50%, #006611 100%);
}
</style>