#5E5D07 - #DF9F22 | 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 #5E5D07 a #DF9F22

#5E5D07 #DF9F22

Calcule el color entre dos colores, #5E5D07 y #DF9F22. 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)

#5E5D07 - #DF9F22 | 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 #5E5D07 como 0% y #DF9F22 como 100%.

0.0%	0.0% #5E5D07	RGB 94 93 7	#5E5D07
16.7%	16.7% #73680B	RGB 115 104 11	#73680B
33.3%	33.3% #897310	RGB 137 115 16	#897310
50.0%	50.0% #9E7E14	RGB 158 126 20	#9E7E14
66.7%	66.7% #B48919	RGB 180 137 25	#B48919
83.3%	83.3% #C9941D	RGB 201 148 29	#C9941D
100.0%	100.0% #DF9F22	RGB 223 159 34	#DF9F22

#5E5D07 #73680B #897310 #9E7E14 #B48919 #C9941D #DF9F22

#5E5D07 - #DF9F22

Mezcla HSV

#5E5D07 - #DF9F22 | 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 #5E5D07 como 0% y #DF9F22 como 100%.

0.0%	0.0% #5E5D06	RGB 94 93 6	#5E5D06
16.7%	16.7% #736C0A	RGB 115 108 10	#736C0A
33.3%	33.3% #897A0D	RGB 137 122 13	#897A0D
50.0%	50.0% #9E8511	RGB 158 133 17	#9E8511
66.7%	66.7% #B48F16	RGB 180 143 22	#B48F16
83.3%	83.3% #C9981C	RGB 201 152 28	#C9981C
100.0%	100.0% #DF9F22	RGB 223 159 34	#DF9F22

#5E5D06 #736C0A #897A0D #9E8511 #B48F16 #C9981C #DF9F22

#5E5D07 - #9E8511 - #DF9F22

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D06 0%, #9E8511 50%, #DF9F22 100%);
    background: -webkit-linear-gradient(top, #5E5D06 0%, #9E8511 50%, #DF9F22 100%);
    background: linear-gradient(to bottom, #5E5D06 0%, #9E8511 50%, #DF9F22 100%);
}
</style>