#5E5E1F - #1A1A08 | 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 #5E5E1F a #1A1A08

#5E5E1F #1A1A08

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

#5E5E1F - #1A1A08 | 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 #5E5E1F como 0% y #1A1A08 como 100%.

0.0%	0.0% #5E5E1F	RGB 94 94 31	#5E5E1F
16.7%	16.7% #52521B	RGB 82 82 27	#52521B
33.3%	33.3% #474717	RGB 71 71 23	#474717
50.0%	50.0% #3C3C13	RGB 60 60 19	#3C3C13
66.7%	66.7% #30300F	RGB 48 48 15	#30300F
83.3%	83.3% #25250B	RGB 37 37 11	#25250B
100.0%	100.0% #1A1A08	RGB 26 26 8	#1A1A08

#5E5E1F #52521B #474717 #3C3C13 #30300F #25250B #1A1A08

#5E5E1F - #1A1A08

Mezcla HSV

#5E5E1F - #1A1A08 | 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 #5E5E1F como 0% y #1A1A08 como 100%.

0.0%	0.0% #5E5E1F	RGB 94 94 31	#5E5E1F
16.7%	16.7% #52521A	RGB 82 82 26	#52521A
33.3%	33.3% #474716	RGB 71 71 22	#474716
50.0%	50.0% #3C3C13	RGB 60 60 19	#3C3C13
66.7%	66.7% #30300F	RGB 48 48 15	#30300F
83.3%	83.3% #25250B	RGB 37 37 11	#25250B
100.0%	100.0% #1A1A08	RGB 26 26 8	#1A1A08

#5E5E1F #52521A #474716 #3C3C13 #30300F #25250B #1A1A08

#5E5E1F - #3C3C13 - #1A1A08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E1F 0%, #3C3C13 50%, #1A1A08 100%);
    background: -webkit-linear-gradient(top, #5E5E1F 0%, #3C3C13 50%, #1A1A08 100%);
    background: linear-gradient(to bottom, #5E5E1F 0%, #3C3C13 50%, #1A1A08 100%);
}
</style>