#676A56 - #1D1E18 | 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 #676A56 a #1D1E18

#676A56 #1D1E18

Calcule el color entre dos colores, #676A56 y #1D1E18. 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)

#676A56 - #1D1E18 | 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 #676A56 como 0% y #1D1E18 como 100%.

0.0%	0.0% #676A56	RGB 103 106 86	#676A56
16.7%	16.7% #5A5D4B	RGB 90 93 75	#5A5D4B
33.3%	33.3% #4E5041	RGB 78 80 65	#4E5041
50.0%	50.0% #424437	RGB 66 68 55	#424437
66.7%	66.7% #35372C	RGB 53 55 44	#35372C
83.3%	83.3% #292A22	RGB 41 42 34	#292A22
100.0%	100.0% #1D1E18	RGB 29 30 24	#1D1E18

#676A56 #5A5D4B #4E5041 #424437 #35372C #292A22 #1D1E18

#676A56 - #1D1E18

Mezcla HSV

#676A56 - #1D1E18 | 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 #676A56 como 0% y #1D1E18 como 100%.

0.0%	0.0% #676A56	RGB 103 106 86	#676A56
16.7%	16.7% #5A5D4B	RGB 90 93 75	#5A5D4B
33.3%	33.3% #4E5041	RGB 78 80 65	#4E5041
50.0%	50.0% #414436	RGB 65 68 54	#414436
66.7%	66.7% #35372C	RGB 53 55 44	#35372C
83.3%	83.3% #292A22	RGB 41 42 34	#292A22
100.0%	100.0% #1D1E18	RGB 29 30 24	#1D1E18

#676A56 #5A5D4B #4E5041 #414436 #35372C #292A22 #1D1E18

#676A56 - #414436 - #1D1E18

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #676A56 0%, #414436 50%, #1D1E18 100%);
    background: -webkit-linear-gradient(top, #676A56 0%, #414436 50%, #1D1E18 100%);
    background: linear-gradient(to bottom, #676A56 0%, #414436 50%, #1D1E18 100%);
}
</style>