#7B7C7A - #3C5024 | 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 #7B7C7A a #3C5024

#7B7C7A #3C5024

Calcule el color entre dos colores, #7B7C7A y #3C5024. 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)

#7B7C7A - #3C5024 | 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 #7B7C7A como 0% y #3C5024 como 100%.

0.0%	0.0% #7B7C7A	RGB 123 124 122	#7B7C7A
16.7%	16.7% #70746B	RGB 112 116 107	#70746B
33.3%	33.3% #666D5D	RGB 102 109 93	#666D5D
50.0%	50.0% #5B664F	RGB 91 102 79	#5B664F
66.7%	66.7% #515E40	RGB 81 94 64	#515E40
83.3%	83.3% #465732	RGB 70 87 50	#465732
100.0%	100.0% #3C5024	RGB 60 80 36	#3C5024

#7B7C7A #70746B #666D5D #5B664F #515E40 #465732 #3C5024

#7B7C7A - #3C5024

Mezcla HSV

#7B7C7A - #3C5024 | 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 #7B7C7A como 0% y #3C5024 como 100%.

0.0%	0.0% #7B7C7A	RGB 123 124 122	#7B7C7A
16.7%	16.7% #6E7468	RGB 110 116 104	#6E7468
33.3%	33.3% #636D58	RGB 99 109 88	#636D58
50.0%	50.0% #586649	RGB 88 102 73	#586649
66.7%	66.7% #4E5E3B	RGB 78 94 59	#4E5E3B
83.3%	83.3% #44572F	RGB 68 87 47	#44572F
100.0%	100.0% #3C5024	RGB 60 80 36	#3C5024

#7B7C7A #6E7468 #636D58 #586649 #4E5E3B #44572F #3C5024

#7B7C7A - #586649 - #3C5024

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B7C7A 0%, #586649 50%, #3C5024 100%);
    background: -webkit-linear-gradient(top, #7B7C7A 0%, #586649 50%, #3C5024 100%);
    background: linear-gradient(to bottom, #7B7C7A 0%, #586649 50%, #3C5024 100%);
}
</style>