#493C47 - #7B9A8E | 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 #493C47 a #7B9A8E

#493C47 #7B9A8E

Calcule el color entre dos colores, #493C47 y #7B9A8E. 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)

#493C47 - #7B9A8E | 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 #493C47 como 0% y #7B9A8E como 100%.

0.0%	0.0% #493C47	RGB 73 60 71	#493C47
16.7%	16.7% #514B52	RGB 81 75 82	#514B52
33.3%	33.3% #595B5E	RGB 89 91 94	#595B5E
50.0%	50.0% #626B6A	RGB 98 107 106	#626B6A
66.7%	66.7% #6A7A76	RGB 106 122 118	#6A7A76
83.3%	83.3% #728A82	RGB 114 138 130	#728A82
100.0%	100.0% #7B9A8E	RGB 123 154 142	#7B9A8E

#493C47 #514B52 #595B5E #626B6A #6A7A76 #728A82 #7B9A8E

#493C47 - #7B9A8E

Mezcla HSV

#493C47 - #7B9A8E | 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 #493C47 como 0% y #7B9A8E como 100%.

0.0%	0.0% #493C47	RGB 73 60 71	#493C47
16.7%	16.7% #524656	RGB 82 70 86	#524656
33.3%	33.3% #575164	RGB 87 81 100	#575164
50.0%	50.0% #5B5E71	RGB 91 94 113	#5B5E71
66.7%	66.7% #66737F	RGB 102 115 127	#66737F
83.3%	83.3% #708B8C	RGB 112 139 140	#708B8C
100.0%	100.0% #7B9A8E	RGB 123 154 142	#7B9A8E

#493C47 #524656 #575164 #5B5E71 #66737F #708B8C #7B9A8E

#493C47 - #5B5E71 - #7B9A8E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493C47 0%, #5B5E71 50%, #7B9A8E 100%);
    background: -webkit-linear-gradient(top, #493C47 0%, #5B5E71 50%, #7B9A8E 100%);
    background: linear-gradient(to bottom, #493C47 0%, #5B5E71 50%, #7B9A8E 100%);
}
</style>