#686800 - #ECAA1B | 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 #686800 a #ECAA1B

#686800 #ECAA1B

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

#686800 - #ECAA1B | 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 #686800 como 0% y #ECAA1B como 100%.

0.0%	0.0% #686800	RGB 104 104 0	#686800
16.7%	16.7% #7E7304	RGB 126 115 4	#7E7304
33.3%	33.3% #947E09	RGB 148 126 9	#947E09
50.0%	50.0% #AA890D	RGB 170 137 13	#AA890D
66.7%	66.7% #C09412	RGB 192 148 18	#C09412
83.3%	83.3% #D69F16	RGB 214 159 22	#D69F16
100.0%	100.0% #ECAA1B	RGB 236 170 27	#ECAA1B

#686800 #7E7304 #947E09 #AA890D #C09412 #D69F16 #ECAA1B

#686800 - #ECAA1B

Mezcla HSV

#686800 - #ECAA1B | 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 #686800 como 0% y #ECAA1B como 100%.

0.0%	0.0% #686800	RGB 104 104 0	#686800
16.7%	16.7% #7E7702	RGB 126 119 2	#7E7702
33.3%	33.3% #948505	RGB 148 133 5	#948505
50.0%	50.0% #AA9009	RGB 170 144 9	#AA9009
66.7%	66.7% #C09A0E	RGB 192 154 14	#C09A0E
83.3%	83.3% #D6A314	RGB 214 163 20	#D6A314
100.0%	100.0% #ECAA1B	RGB 236 170 27	#ECAA1B

#686800 #7E7702 #948505 #AA9009 #C09A0E #D6A314 #ECAA1B

#686800 - #AA9009 - #ECAA1B

Códigos CSS

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

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