#212620 - #5A654B | 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 #212620 a #5A654B

#212620 #5A654B

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

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

0.0%	0.0% #212620	RGB 33 38 32	#212620
16.7%	16.7% #2A3027	RGB 42 48 39	#2A3027
33.3%	33.3% #343B2E	RGB 52 59 46	#343B2E
50.0%	50.0% #3D4535	RGB 61 69 53	#3D4535
66.7%	66.7% #47503C	RGB 71 80 60	#47503C
83.3%	83.3% #505A43	RGB 80 90 67	#505A43
100.0%	100.0% #5A654B	RGB 90 101 75	#5A654B

#212620 #2A3027 #343B2E #3D4535 #47503C #505A43 #5A654B

#212620 - #5A654B

Mezcla HSV

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

0.0%	0.0% #212620	RGB 33 38 32	#212620
16.7%	16.7% #2A3028	RGB 42 48 40	#2A3028
33.3%	33.3% #333B2F	RGB 51 59 47	#333B2F
50.0%	50.0% #3C4537	RGB 60 69 55	#3C4537
66.7%	66.7% #45503E	RGB 69 80 62	#45503E
83.3%	83.3% #4F5A44	RGB 79 90 68	#4F5A44
100.0%	100.0% #5A654B	RGB 90 101 75	#5A654B

#212620 #2A3028 #333B2F #3C4537 #45503E #4F5A44 #5A654B

#212620 - #3C4537 - #5A654B

Códigos CSS

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

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