#E5E700 - #A5A00D | 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 #E5E700 a #A5A00D

#E5E700 #A5A00D

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

#E5E700 - #A5A00D | 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 #E5E700 como 0% y #A5A00D como 100%.

0.0%	0.0% #E5E700	RGB 229 231 0	#E5E700
16.7%	16.7% #DADB02	RGB 218 219 2	#DADB02
33.3%	33.3% #CFCF04	RGB 207 207 4	#CFCF04
50.0%	50.0% #C5C306	RGB 197 195 6	#C5C306
66.7%	66.7% #BAB708	RGB 186 183 8	#BAB708
83.3%	83.3% #AFAB0A	RGB 175 171 10	#AFAB0A
100.0%	100.0% #A5A00D	RGB 165 160 13	#A5A00D

#E5E700 #DADB02 #CFCF04 #C5C306 #BAB708 #AFAB0A #A5A00D

#E5E700 - #A5A00D

Mezcla HSV

#E5E700 - #A5A00D | 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 #E5E700 como 0% y #A5A00D como 100%.

0.0%	0.0% #E5E700	RGB 229 231 0	#E5E700
16.7%	16.7% #DBDC02	RGB 219 220 2	#DBDC02
33.3%	33.3% #D1CF05	RGB 209 207 5	#D1CF05
50.0%	50.0% #C6C307	RGB 198 195 7	#C6C307
66.7%	66.7% #BBB709	RGB 187 183 9	#BBB709
83.3%	83.3% #B0AB0B	RGB 176 171 11	#B0AB0B
100.0%	100.0% #A5A00D	RGB 165 160 13	#A5A00D

#E5E700 #DBDC02 #D1CF05 #C6C307 #BBB709 #B0AB0B #A5A00D

#E5E700 - #C6C307 - #A5A00D

Códigos CSS

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

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