#3C3C3B - #332602 | 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 #3C3C3B a #332602

#3C3C3B #332602

Calcule el color entre dos colores, #3C3C3B y #332602. 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)

#3C3C3B - #332602 | 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 #3C3C3B como 0% y #332602 como 100%.

0.0%	0.0% #3C3C3B	RGB 60 60 59	#3C3C3B
16.7%	16.7% #3A3831	RGB 58 56 49	#3A3831
33.3%	33.3% #393428	RGB 57 52 40	#393428
50.0%	50.0% #37311E	RGB 55 49 30	#37311E
66.7%	66.7% #362D15	RGB 54 45 21	#362D15
83.3%	83.3% #34290B	RGB 52 41 11	#34290B
100.0%	100.0% #332602	RGB 51 38 2	#332602

#3C3C3B #3A3831 #393428 #37311E #362D15 #34290B #332602

#3C3C3B - #332602

Mezcla HSV

#3C3C3B - #332602 | 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 #3C3C3B como 0% y #332602 como 100%.

0.0%	0.0% #3C3C3B	RGB 60 60 59	#3C3C3B
16.7%	16.7% #3A3A30	RGB 58 58 48	#3A3A30
33.3%	33.3% #393726	RGB 57 55 38	#393726
50.0%	50.0% #37331C	RGB 55 51 28	#37331C
66.7%	66.7% #362F13	RGB 54 47 19	#362F13
83.3%	83.3% #342B0A	RGB 52 43 10	#342B0A
100.0%	100.0% #332602	RGB 51 38 2	#332602

#3C3C3B #3A3A30 #393726 #37331C #362F13 #342B0A #332602

#3C3C3B - #37331C - #332602

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C3B 0%, #37331C 50%, #332602 100%);
    background: -webkit-linear-gradient(top, #3C3C3B 0%, #37331C 50%, #332602 100%);
    background: linear-gradient(to bottom, #3C3C3B 0%, #37331C 50%, #332602 100%);
}
</style>