#676A56 - #353F0F | 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 #353F0F

#676A56 #353F0F

Calcule el color entre dos colores, #676A56 y #353F0F. 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 - #353F0F | 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 #353F0F como 100%.

0.0%	0.0% #676A56	RGB 103 106 86	#676A56
16.7%	16.7% #5E624A	RGB 94 98 74	#5E624A
33.3%	33.3% #565B3E	RGB 86 91 62	#565B3E
50.0%	50.0% #4E5432	RGB 78 84 50	#4E5432
66.7%	66.7% #454D26	RGB 69 77 38	#454D26
83.3%	83.3% #3D461A	RGB 61 70 26	#3D461A
100.0%	100.0% #353F0F	RGB 53 63 15	#353F0F

#676A56 #5E624A #565B3E #4E5432 #454D26 #3D461A #353F0F

#676A56 - #353F0F

Mezcla HSV

#676A56 - #353F0F | 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 #353F0F como 100%.

0.0%	0.0% #676A56	RGB 103 106 86	#676A56
16.7%	16.7% #5E6246	RGB 94 98 70	#5E6246
33.3%	33.3% #555B38	RGB 85 91 56	#555B38
50.0%	50.0% #4D542C	RGB 77 84 44	#4D542C
66.7%	66.7% #444D21	RGB 68 77 33	#444D21
83.3%	83.3% #3C4617	RGB 60 70 23	#3C4617
100.0%	100.0% #353F0F	RGB 53 63 15	#353F0F

#676A56 #5E6246 #555B38 #4D542C #444D21 #3C4617 #353F0F

#676A56 - #4D542C - #353F0F

Códigos CSS

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

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