#7B7B5E - #574A16 | 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 #7B7B5E a #574A16

#7B7B5E #574A16

Calcule el color entre dos colores, #7B7B5E y #574A16. 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)

#7B7B5E - #574A16 | 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 #7B7B5E como 0% y #574A16 como 100%.

0.0%	0.0% #7B7B5E	RGB 123 123 94	#7B7B5E
16.7%	16.7% #757252	RGB 117 114 82	#757252
33.3%	33.3% #6F6A46	RGB 111 106 70	#6F6A46
50.0%	50.0% #69623A	RGB 105 98 58	#69623A
66.7%	66.7% #635A2E	RGB 99 90 46	#635A2E
83.3%	83.3% #5D5222	RGB 93 82 34	#5D5222
100.0%	100.0% #574A16	RGB 87 74 22	#574A16

#7B7B5E #757252 #6F6A46 #69623A #635A2E #5D5222 #574A16

#7B7B5E - #574A16

Mezcla HSV

#7B7B5E - #574A16 | 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 #7B7B5E como 0% y #574A16 como 100%.

0.0%	0.0% #7B7B5E	RGB 123 123 94	#7B7B5E
16.7%	16.7% #75734F	RGB 117 115 79	#75734F
33.3%	33.3% #6F6B41	RGB 111 107 65	#6F6B41
50.0%	50.0% #696335	RGB 105 99 53	#696335
66.7%	66.7% #635B29	RGB 99 91 41	#635B29
83.3%	83.3% #5D521F	RGB 93 82 31	#5D521F
100.0%	100.0% #574A16	RGB 87 74 22	#574A16

#7B7B5E #75734F #6F6B41 #696335 #635B29 #5D521F #574A16

#7B7B5E - #696335 - #574A16

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B7B5E 0%, #696335 50%, #574A16 100%);
    background: -webkit-linear-gradient(top, #7B7B5E 0%, #696335 50%, #574A16 100%);
    background: linear-gradient(to bottom, #7B7B5E 0%, #696335 50%, #574A16 100%);
}
</style>