#7E5E00 - #EC9C14 | 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 #7E5E00 a #EC9C14

#7E5E00 #EC9C14

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

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

0.0%	0.0% #7E5E00	RGB 126 94 0	#7E5E00
16.7%	16.7% #906803	RGB 144 104 3	#906803
33.3%	33.3% #A27206	RGB 162 114 6	#A27206
50.0%	50.0% #B57D0A	RGB 181 125 10	#B57D0A
66.7%	66.7% #C7870D	RGB 199 135 13	#C7870D
83.3%	83.3% #D99110	RGB 217 145 16	#D99110
100.0%	100.0% #EC9C14	RGB 236 156 20	#EC9C14

#7E5E00 #906803 #A27206 #B57D0A #C7870D #D99110 #EC9C14

#7E5E00 - #EC9C14

Mezcla HSV

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

0.0%	0.0% #7E5E00	RGB 126 94 0	#7E5E00
16.7%	16.7% #906902	RGB 144 105 2	#906902
33.3%	33.3% #A27404	RGB 162 116 4	#A27404
50.0%	50.0% #B57E07	RGB 181 126 7	#B57E07
66.7%	66.7% #C7880B	RGB 199 136 11	#C7880B
83.3%	83.3% #D9920F	RGB 217 146 15	#D9920F
100.0%	100.0% #EC9C14	RGB 236 156 20	#EC9C14

#7E5E00 #906902 #A27404 #B57E07 #C7880B #D9920F #EC9C14

#7E5E00 - #B57E07 - #EC9C14

Códigos CSS

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

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