#353A41 - #84796D | 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 #353A41 a #84796D

#353A41 #84796D

Calcule el color entre dos colores, #353A41 y #84796D. 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)

#353A41 - #84796D | 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 #353A41 como 0% y #84796D como 100%.

0.0%	0.0% #353A41	RGB 53 58 65	#353A41
16.7%	16.7% #424448	RGB 66 68 72	#424448
33.3%	33.3% #4F4F4F	RGB 79 79 79	#4F4F4F
50.0%	50.0% #5C5957	RGB 92 89 87	#5C5957
66.7%	66.7% #69645E	RGB 105 100 94	#69645E
83.3%	83.3% #766E65	RGB 118 110 101	#766E65
100.0%	100.0% #84796D	RGB 132 121 109	#84796D

#353A41 #424448 #4F4F4F #5C5957 #69645E #766E65 #84796D

#353A41 - #84796D

Mezcla HSV

#353A41 - #84796D | 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 #353A41 como 0% y #84796D como 100%.

0.0%	0.0% #353A41	RGB 53 58 65	#353A41
16.7%	16.7% #3F3E4C	RGB 63 62 76	#3F3E4C
33.3%	33.3% #504757	RGB 80 71 87	#504757
50.0%	50.0% #625061	RGB 98 80 97	#625061
66.7%	66.7% #6D5A63	RGB 109 90 99	#6D5A63
83.3%	83.3% #786463	RGB 120 100 99	#786463
100.0%	100.0% #84796D	RGB 132 121 109	#84796D

#353A41 #3F3E4C #504757 #625061 #6D5A63 #786463 #84796D

#353A41 - #625061 - #84796D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353A41 0%, #625061 50%, #84796D 100%);
    background: -webkit-linear-gradient(top, #353A41 0%, #625061 50%, #84796D 100%);
    background: linear-gradient(to bottom, #353A41 0%, #625061 50%, #84796D 100%);
}
</style>