#009629 - #006206 | 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 #009629 a #006206

#009629 #006206

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

#009629 - #006206 | 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 #009629 como 0% y #006206 como 100%.

0.0%	0.0% #009629	RGB 0 150 41	#009629
16.7%	16.7% #008D23	RGB 0 141 35	#008D23
33.3%	33.3% #00841D	RGB 0 132 29	#00841D
50.0%	50.0% #007C17	RGB 0 124 23	#007C17
66.7%	66.7% #007311	RGB 0 115 17	#007311
83.3%	83.3% #006A0B	RGB 0 106 11	#006A0B
100.0%	100.0% #006206	RGB 0 98 6	#006206

#009629 #008D23 #00841D #007C17 #007311 #006A0B #006206

#009629 - #006206

Mezcla HSV

#009629 - #006206 | 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 #009629 como 0% y #006206 como 100%.

0.0%	0.0% #009628	RGB 0 150 40	#009628
16.7%	16.7% #008D21	RGB 0 141 33	#008D21
33.3%	33.3% #00841A	RGB 0 132 26	#00841A
50.0%	50.0% #007C14	RGB 0 124 20	#007C14
66.7%	66.7% #00730F	RGB 0 115 15	#00730F
83.3%	83.3% #006A0A	RGB 0 106 10	#006A0A
100.0%	100.0% #006206	RGB 0 98 6	#006206

#009628 #008D21 #00841A #007C14 #00730F #006A0A #006206

#009629 - #007C14 - #006206

Códigos CSS

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

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