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

#3C3C39 #332602

Calcule el color entre dos colores, #3C3C39 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)

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

0.0%	0.0% #3C3C39	RGB 60 60 57	#3C3C39
16.7%	16.7% #3A382F	RGB 58 56 47	#3A382F
33.3%	33.3% #393426	RGB 57 52 38	#393426
50.0%	50.0% #37311D	RGB 55 49 29	#37311D
66.7%	66.7% #362D14	RGB 54 45 20	#362D14
83.3%	83.3% #34290B	RGB 52 41 11	#34290B
100.0%	100.0% #332602	RGB 51 38 2	#332602

#3C3C39 #3A382F #393426 #37311D #362D14 #34290B #332602

#3C3C39 - #332602

Mezcla HSV

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

0.0%	0.0% #3C3C39	RGB 60 60 57	#3C3C39
16.7%	16.7% #3A392E	RGB 58 57 46	#3A392E
33.3%	33.3% #393724	RGB 57 55 36	#393724
50.0%	50.0% #37331B	RGB 55 51 27	#37331B
66.7%	66.7% #362F12	RGB 54 47 18	#362F12
83.3%	83.3% #342B0A	RGB 52 43 10	#342B0A
100.0%	100.0% #332602	RGB 51 38 2	#332602

#3C3C39 #3A392E #393724 #37331B #362F12 #342B0A #332602

#3C3C39 - #37331B - #332602

Códigos CSS

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

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