#918F8C - #5E4A35 | 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 #918F8C a #5E4A35

#918F8C #5E4A35

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

#918F8C - #5E4A35 | 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 #918F8C como 0% y #5E4A35 como 100%.

0.0%	0.0% #918F8C	RGB 145 143 140	#918F8C
16.7%	16.7% #88837D	RGB 136 131 125	#88837D
33.3%	33.3% #80786F	RGB 128 120 111	#80786F
50.0%	50.0% #776C60	RGB 119 108 96	#776C60
66.7%	66.7% #6F6152	RGB 111 97 82	#6F6152
83.3%	83.3% #665543	RGB 102 85 67	#665543
100.0%	100.0% #5E4A35	RGB 94 74 53	#5E4A35

#918F8C #88837D #80786F #776C60 #6F6152 #665543 #5E4A35

#918F8C - #5E4A35

Mezcla HSV

#918F8C - #5E4A35 | 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 #918F8C como 0% y #5E4A35 como 100%.

0.0%	0.0% #918F8C	RGB 145 143 140	#918F8C
16.7%	16.7% #88827A	RGB 136 130 122	#88827A
33.3%	33.3% #80766A	RGB 128 118 106	#80766A
50.0%	50.0% #776B5B	RGB 119 107 91	#776B5B
66.7%	66.7% #6F5F4D	RGB 111 95 77	#6F5F4D
83.3%	83.3% #665440	RGB 102 84 64	#665440
100.0%	100.0% #5E4A35	RGB 94 74 53	#5E4A35

#918F8C #88827A #80766A #776B5B #6F5F4D #665440 #5E4A35

#918F8C - #776B5B - #5E4A35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #918F8C 0%, #776B5B 50%, #5E4A35 100%);
    background: -webkit-linear-gradient(top, #918F8C 0%, #776B5B 50%, #5E4A35 100%);
    background: linear-gradient(to bottom, #918F8C 0%, #776B5B 50%, #5E4A35 100%);
}
</style>