#7C7D00 - #ECC129 | 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 #7C7D00 a #ECC129

#7C7D00 #ECC129

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

#7C7D00 - #ECC129 | 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 #7C7D00 como 0% y #ECC129 como 100%.

0.0%	0.0% #7C7D00	RGB 124 125 0	#7C7D00
16.7%	16.7% #8E8806	RGB 142 136 6	#8E8806
33.3%	33.3% #A1930D	RGB 161 147 13	#A1930D
50.0%	50.0% #B49F14	RGB 180 159 20	#B49F14
66.7%	66.7% #C6AA1B	RGB 198 170 27	#C6AA1B
83.3%	83.3% #D9B522	RGB 217 181 34	#D9B522
100.0%	100.0% #ECC129	RGB 236 193 41	#ECC129

#7C7D00 #8E8806 #A1930D #B49F14 #C6AA1B #D9B522 #ECC129

#7C7D00 - #ECC129

Mezcla HSV

#7C7D00 - #ECC129 | 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 #7C7D00 como 0% y #ECC129 como 100%.

0.0%	0.0% #7C7D00	RGB 124 125 0	#7C7D00
16.7%	16.7% #8F8B04	RGB 143 139 4	#8F8B04
33.3%	33.3% #A29709	RGB 162 151 9	#A29709
50.0%	50.0% #B4A20F	RGB 180 162 15	#B4A20F
66.7%	66.7% #C7AD17	RGB 199 173 23	#C7AD17
83.3%	83.3% #D9B71F	RGB 217 183 31	#D9B71F
100.0%	100.0% #ECC129	RGB 236 193 41	#ECC129

#7C7D00 #8F8B04 #A29709 #B4A20F #C7AD17 #D9B71F #ECC129

#7C7D00 - #B4A20F - #ECC129

Códigos CSS

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

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