#E5E724 - #41420A | 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 #E5E724 a #41420A

#E5E724 #41420A

Calcule el color entre dos colores, #E5E724 y #41420A. 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)

#E5E724 - #41420A | 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 #E5E724 como 0% y #41420A como 100%.

0.0%	0.0% #E5E724	RGB 229 231 36	#E5E724
16.7%	16.7% #C9CB1F	RGB 201 203 31	#C9CB1F
33.3%	33.3% #AEB01B	RGB 174 176 27	#AEB01B
50.0%	50.0% #939417	RGB 147 148 23	#939417
66.7%	66.7% #777912	RGB 119 121 18	#777912
83.3%	83.3% #5C5D0E	RGB 92 93 14	#5C5D0E
100.0%	100.0% #41420A	RGB 65 66 10	#41420A

#E5E724 #C9CB1F #AEB01B #939417 #777912 #5C5D0E #41420A

#E5E724 - #41420A

Mezcla HSV

#E5E724 - #41420A | 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 #E5E724 como 0% y #41420A como 100%.

0.0%	0.0% #E5E724	RGB 229 231 36	#E5E724
16.7%	16.7% #C9CB1F	RGB 201 203 31	#C9CB1F
33.3%	33.3% #AEB01B	RGB 174 176 27	#AEB01B
50.0%	50.0% #929416	RGB 146 148 22	#929416
66.7%	66.7% #777912	RGB 119 121 18	#777912
83.3%	83.3% #5C5D0E	RGB 92 93 14	#5C5D0E
100.0%	100.0% #41420A	RGB 65 66 10	#41420A

#E5E724 #C9CB1F #AEB01B #929416 #777912 #5C5D0E #41420A

#E5E724 - #929416 - #41420A

Códigos CSS

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

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