#5E5E00 - #E0A01B | 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 #5E5E00 a #E0A01B

#5E5E00 #E0A01B

Calcule el color entre dos colores, #5E5E00 y #E0A01B. 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)

#5E5E00 - #E0A01B | 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 #5E5E00 como 0% y #E0A01B como 100%.

0.0%	0.0% #5E5E00	RGB 94 94 0	#5E5E00
16.7%	16.7% #736904	RGB 115 105 4	#736904
33.3%	33.3% #897409	RGB 137 116 9	#897409
50.0%	50.0% #9F7F0D	RGB 159 127 13	#9F7F0D
66.7%	66.7% #B48A12	RGB 180 138 18	#B48A12
83.3%	83.3% #CA9516	RGB 202 149 22	#CA9516
100.0%	100.0% #E0A01B	RGB 224 160 27	#E0A01B

#5E5E00 #736904 #897409 #9F7F0D #B48A12 #CA9516 #E0A01B

#5E5E00 - #E0A01B

Mezcla HSV

#5E5E00 - #E0A01B | 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 #5E5E00 como 0% y #E0A01B como 100%.

0.0%	0.0% #5E5E00	RGB 94 94 0	#5E5E00
16.7%	16.7% #736D02	RGB 115 109 2	#736D02
33.3%	33.3% #897B05	RGB 137 123 5	#897B05
50.0%	50.0% #9F8609	RGB 159 134 9	#9F8609
66.7%	66.7% #B4900E	RGB 180 144 14	#B4900E
83.3%	83.3% #CA9914	RGB 202 153 20	#CA9914
100.0%	100.0% #E0A01B	RGB 224 160 27	#E0A01B

#5E5E00 #736D02 #897B05 #9F8609 #B4900E #CA9914 #E0A01B

#5E5E00 - #9F8609 - #E0A01B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E00 0%, #9F8609 50%, #E0A01B 100%);
    background: -webkit-linear-gradient(top, #5E5E00 0%, #9F8609 50%, #E0A01B 100%);
    background: linear-gradient(to bottom, #5E5E00 0%, #9F8609 50%, #E0A01B 100%);
}
</style>