#3E3E3C - #342703 | 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 #3E3E3C a #342703

#3E3E3C #342703

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

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

0.0%	0.0% #3E3E3C	RGB 62 62 60	#3E3E3C
16.7%	16.7% #3C3A32	RGB 60 58 50	#3C3A32
33.3%	33.3% #3A3629	RGB 58 54 41	#3A3629
50.0%	50.0% #39321F	RGB 57 50 31	#39321F
66.7%	66.7% #372E16	RGB 55 46 22	#372E16
83.3%	83.3% #352A0C	RGB 53 42 12	#352A0C
100.0%	100.0% #342703	RGB 52 39 3	#342703

#3E3E3C #3C3A32 #3A3629 #39321F #372E16 #352A0C #342703

#3E3E3C - #342703

Mezcla HSV

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

0.0%	0.0% #3E3E3C	RGB 62 62 60	#3E3E3C
16.7%	16.7% #3C3B31	RGB 60 59 49	#3C3B31
33.3%	33.3% #3A3826	RGB 58 56 38	#3A3826
50.0%	50.0% #39351D	RGB 57 53 29	#39351D
66.7%	66.7% #373113	RGB 55 49 19	#373113
83.3%	83.3% #352C0B	RGB 53 44 11	#352C0B
100.0%	100.0% #342703	RGB 52 39 3	#342703

#3E3E3C #3C3B31 #3A3826 #39351D #373113 #352C0B #342703

#3E3E3C - #39351D - #342703

Códigos CSS

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

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