#5D5E55 - #30370D | 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 #5D5E55 a #30370D

#5D5E55 #30370D

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

#5D5E55 - #30370D | 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 #5D5E55 como 0% y #30370D como 100%.

0.0%	0.0% #5D5E55	RGB 93 94 85	#5D5E55
16.7%	16.7% #555749	RGB 85 87 73	#555749
33.3%	33.3% #4E513D	RGB 78 81 61	#4E513D
50.0%	50.0% #464A31	RGB 70 74 49	#464A31
66.7%	66.7% #3F4425	RGB 63 68 37	#3F4425
83.3%	83.3% #373D19	RGB 55 61 25	#373D19
100.0%	100.0% #30370D	RGB 48 55 13	#30370D

#5D5E55 #555749 #4E513D #464A31 #3F4425 #373D19 #30370D

#5D5E55 - #30370D

Mezcla HSV

#5D5E55 - #30370D | 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 #5D5E55 como 0% y #30370D como 100%.

0.0%	0.0% #5D5E55	RGB 93 94 85	#5D5E55
16.7%	16.7% #555745	RGB 85 87 69	#555745
33.3%	33.3% #4D5137	RGB 77 81 55	#4D5137
50.0%	50.0% #464A2A	RGB 70 74 42	#464A2A
66.7%	66.7% #3E441F	RGB 62 68 31	#3E441F
83.3%	83.3% #373D15	RGB 55 61 21	#373D15
100.0%	100.0% #30370D	RGB 48 55 13	#30370D

#5D5E55 #555745 #4D5137 #464A2A #3E441F #373D15 #30370D

#5D5E55 - #464A2A - #30370D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E55 0%, #464A2A 50%, #30370D 100%);
    background: -webkit-linear-gradient(top, #5D5E55 0%, #464A2A 50%, #30370D 100%);
    background: linear-gradient(to bottom, #5D5E55 0%, #464A2A 50%, #30370D 100%);
}
</style>