#5E4648 - #CF776E | 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 #5E4648 a #CF776E

#5E4648 #CF776E

Calcule el color entre dos colores, #5E4648 y #CF776E. 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)

#5E4648 - #CF776E | 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 #5E4648 como 0% y #CF776E como 100%.

0.0%	0.0% #5E4648	RGB 94 70 72	#5E4648
16.7%	16.7% #704E4E	RGB 112 78 78	#704E4E
33.3%	33.3% #835654	RGB 131 86 84	#835654
50.0%	50.0% #965E5B	RGB 150 94 91	#965E5B
66.7%	66.7% #A96661	RGB 169 102 97	#A96661
83.3%	83.3% #BC6E67	RGB 188 110 103	#BC6E67
100.0%	100.0% #CF776E	RGB 207 119 110	#CF776E

#5E4648 #704E4E #835654 #965E5B #A96661 #BC6E67 #CF776E

#5E4648 - #CF776E

Mezcla HSV

#5E4648 - #CF776E | 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 #5E4648 como 0% y #CF776E como 100%.

0.0%	0.0% #5E4648	RGB 94 70 72	#5E4648
16.7%	16.7% #705051	RGB 112 80 81	#705051
33.3%	33.3% #835859	RGB 131 88 89	#835859
50.0%	50.0% #966060	RGB 150 96 96	#966060
66.7%	66.7% #A96866	RGB 169 104 102	#A96866
83.3%	83.3% #BC6F6A	RGB 188 111 106	#BC6F6A
100.0%	100.0% #CF776E	RGB 207 119 110	#CF776E

#5E4648 #705051 #835859 #966060 #A96866 #BC6F6A #CF776E

#5E4648 - #966060 - #CF776E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4648 0%, #966060 50%, #CF776E 100%);
    background: -webkit-linear-gradient(top, #5E4648 0%, #966060 50%, #CF776E 100%);
    background: linear-gradient(to bottom, #5E4648 0%, #966060 50%, #CF776E 100%);
}
</style>