#3E3C2D - #332302 | 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 #3E3C2D a #332302

#3E3C2D #332302

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

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

0.0%	0.0% #3E3C2D	RGB 62 60 45	#3E3C2D
16.7%	16.7% #3C3725	RGB 60 55 37	#3C3725
33.3%	33.3% #3A331E	RGB 58 51 30	#3A331E
50.0%	50.0% #382F17	RGB 56 47 23	#382F17
66.7%	66.7% #362B10	RGB 54 43 16	#362B10
83.3%	83.3% #342709	RGB 52 39 9	#342709
100.0%	100.0% #332302	RGB 51 35 2	#332302

#3E3C2D #3C3725 #3A331E #382F17 #362B10 #342709 #332302

#3E3C2D - #332302

Mezcla HSV

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

0.0%	0.0% #3E3C2D	RGB 62 60 45	#3E3C2D
16.7%	16.7% #3C3824	RGB 60 56 36	#3C3824
33.3%	33.3% #3A341C	RGB 58 52 28	#3A341C
50.0%	50.0% #383015	RGB 56 48 21	#383015
66.7%	66.7% #362C0E	RGB 54 44 14	#362C0E
83.3%	83.3% #342708	RGB 52 39 8	#342708
100.0%	100.0% #332302	RGB 51 35 2	#332302

#3E3C2D #3C3824 #3A341C #383015 #362C0E #342708 #332302

#3E3C2D - #383015 - #332302

Códigos CSS

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

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