#E5E10F - #B9A00C | 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 #E5E10F a #B9A00C

#E5E10F #B9A00C

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

#E5E10F - #B9A00C | 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 #E5E10F como 0% y #B9A00C como 100%.

0.0%	0.0% #E5E10F	RGB 229 225 15	#E5E10F
16.7%	16.7% #DDD60E	RGB 221 214 14	#DDD60E
33.3%	33.3% #D6CB0E	RGB 214 203 14	#D6CB0E
50.0%	50.0% #CFC00D	RGB 207 192 13	#CFC00D
66.7%	66.7% #C7B50D	RGB 199 181 13	#C7B50D
83.3%	83.3% #C0AA0C	RGB 192 170 12	#C0AA0C
100.0%	100.0% #B9A00C	RGB 185 160 12	#B9A00C

#E5E10F #DDD60E #D6CB0E #CFC00D #C7B50D #C0AA0C #B9A00C

#E5E10F - #B9A00C

Mezcla HSV

#E5E10F - #B9A00C | 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 #E5E10F como 0% y #B9A00C como 100%.

0.0%	0.0% #E5E10E	RGB 229 225 14	#E5E10E
16.7%	16.7% #DDD50E	RGB 221 213 14	#DDD50E
33.3%	33.3% #D6CA0D	RGB 214 202 13	#D6CA0D
50.0%	50.0% #CFBF0D	RGB 207 191 13	#CFBF0D
66.7%	66.7% #C7B40C	RGB 199 180 12	#C7B40C
83.3%	83.3% #C0AA0C	RGB 192 170 12	#C0AA0C
100.0%	100.0% #B9A00C	RGB 185 160 12	#B9A00C

#E5E10E #DDD50E #D6CA0D #CFBF0D #C7B40C #C0AA0C #B9A00C

#E5E10F - #CFBF0D - #B9A00C

Códigos CSS

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

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