#686B00 - #422900 | 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 #686B00 a #422900

#686B00 #422900

Calcule el color entre dos colores, #686B00 y #422900. 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)

#686B00 - #422900 | 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 #686B00 como 0% y #422900 como 100%.

0.0%	0.0% #686B00	RGB 104 107 0	#686B00
16.7%	16.7% #616000	RGB 97 96 0	#616000
33.3%	33.3% #5B5500	RGB 91 85 0	#5B5500
50.0%	50.0% #554A00	RGB 85 74 0	#554A00
66.7%	66.7% #4E3F00	RGB 78 63 0	#4E3F00
83.3%	83.3% #483400	RGB 72 52 0	#483400
100.0%	100.0% #422900	RGB 66 41 0	#422900

#686B00 #616000 #5B5500 #554A00 #4E3F00 #483400 #422900

#686B00 - #422900

Mezcla HSV

#686B00 - #422900 | 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 #686B00 como 0% y #422900 como 100%.

0.0%	0.0% #686B00	RGB 104 107 0	#686B00
16.7%	16.7% #646000	RGB 100 96 0	#646000
33.3%	33.3% #5D5300	RGB 93 83 0	#5D5300
50.0%	50.0% #564700	RGB 86 71 0	#564700
66.7%	66.7% #4F3C00	RGB 79 60 0	#4F3C00
83.3%	83.3% #483200	RGB 72 50 0	#483200
100.0%	100.0% #422900	RGB 66 41 0	#422900

#686B00 #646000 #5D5300 #564700 #4F3C00 #483200 #422900

#686B00 - #564700 - #422900

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686B00 0%, #564700 50%, #422900 100%);
    background: -webkit-linear-gradient(top, #686B00 0%, #564700 50%, #422900 100%);
    background: linear-gradient(to bottom, #686B00 0%, #564700 50%, #422900 100%);
}
</style>