#5E5E55 - #45380E | 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 #5E5E55 a #45380E

#5E5E55 #45380E

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

#5E5E55 - #45380E | 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 #5E5E55 como 0% y #45380E como 100%.

0.0%	0.0% #5E5E55	RGB 94 94 85	#5E5E55
16.7%	16.7% #595749	RGB 89 87 73	#595749
33.3%	33.3% #55513D	RGB 85 81 61	#55513D
50.0%	50.0% #514B31	RGB 81 75 49	#514B31
66.7%	66.7% #4D4425	RGB 77 68 37	#4D4425
83.3%	83.3% #493E19	RGB 73 62 25	#493E19
100.0%	100.0% #45380E	RGB 69 56 14	#45380E

#5E5E55 #595749 #55513D #514B31 #4D4425 #493E19 #45380E

#5E5E55 - #45380E

Mezcla HSV

#5E5E55 - #45380E | 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 #5E5E55 como 0% y #45380E como 100%.

0.0%	0.0% #5E5E55	RGB 94 94 85	#5E5E55
16.7%	16.7% #595946	RGB 89 89 70	#595946
33.3%	33.3% #555339	RGB 85 83 57	#555339
50.0%	50.0% #514D2D	RGB 81 77 45	#514D2D
66.7%	66.7% #4D4621	RGB 77 70 33	#4D4621
83.3%	83.3% #493F17	RGB 73 63 23	#493F17
100.0%	100.0% #45380E	RGB 69 56 14	#45380E

#5E5E55 #595946 #555339 #514D2D #4D4621 #493F17 #45380E

#5E5E55 - #514D2D - #45380E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E55 0%, #514D2D 50%, #45380E 100%);
    background: -webkit-linear-gradient(top, #5E5E55 0%, #514D2D 50%, #45380E 100%);
    background: linear-gradient(to bottom, #5E5E55 0%, #514D2D 50%, #45380E 100%);
}
</style>