#939600 - #665100 | 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 #939600 a #665100

#939600 #665100

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

#939600 - #665100 | 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 #939600 como 0% y #665100 como 100%.

0.0%	0.0% #939600	RGB 147 150 0	#939600
16.7%	16.7% #8B8A00	RGB 139 138 0	#8B8A00
33.3%	33.3% #847F00	RGB 132 127 0	#847F00
50.0%	50.0% #7C7300	RGB 124 115 0	#7C7300
66.7%	66.7% #756800	RGB 117 104 0	#756800
83.3%	83.3% #6D5C00	RGB 109 92 0	#6D5C00
100.0%	100.0% #665100	RGB 102 81 0	#665100

#939600 #8B8A00 #847F00 #7C7300 #756800 #6D5C00 #665100

#939600 - #665100

Mezcla HSV

#939600 - #665100 | 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 #939600 como 0% y #665100 como 100%.

0.0%	0.0% #939600	RGB 147 150 0	#939600
16.7%	16.7% #8E8B00	RGB 142 139 0	#8E8B00
33.3%	33.3% #867E00	RGB 134 126 0	#867E00
50.0%	50.0% #7E7200	RGB 126 114 0	#7E7200
66.7%	66.7% #766600	RGB 118 102 0	#766600
83.3%	83.3% #6E5B00	RGB 110 91 0	#6E5B00
100.0%	100.0% #665100	RGB 102 81 0	#665100

#939600 #8E8B00 #867E00 #7E7200 #766600 #6E5B00 #665100

#939600 - #7E7200 - #665100

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #939600 0%, #7E7200 50%, #665100 100%);
    background: -webkit-linear-gradient(top, #939600 0%, #7E7200 50%, #665100 100%);
    background: linear-gradient(to bottom, #939600 0%, #7E7200 50%, #665100 100%);
}
</style>