#3C300F - #84573C | 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 #3C300F a #84573C

#3C300F #84573C

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

#3C300F - #84573C | 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 #3C300F como 0% y #84573C como 100%.

0.0%	0.0% #3C300F	RGB 60 48 15	#3C300F
16.7%	16.7% #483616	RGB 72 54 22	#483616
33.3%	33.3% #543D1E	RGB 84 61 30	#543D1E
50.0%	50.0% #604325	RGB 96 67 37	#604325
66.7%	66.7% #6C4A2D	RGB 108 74 45	#6C4A2D
83.3%	83.3% #785034	RGB 120 80 52	#785034
100.0%	100.0% #84573C	RGB 132 87 60	#84573C

#3C300F #483616 #543D1E #604325 #6C4A2D #785034 #84573C

#3C300F - #84573C

Mezcla HSV

#3C300F - #84573C | 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 #3C300F como 0% y #84573C como 100%.

0.0%	0.0% #3C300F	RGB 60 48 15	#3C300F
16.7%	16.7% #483714	RGB 72 55 20	#483714
33.3%	33.3% #543D1A	RGB 84 61 26	#543D1A
50.0%	50.0% #604421	RGB 96 68 33	#604421
66.7%	66.7% #6C4A29	RGB 108 74 41	#6C4A29
83.3%	83.3% #785032	RGB 120 80 50	#785032
100.0%	100.0% #84573C	RGB 132 87 60	#84573C

#3C300F #483714 #543D1A #604421 #6C4A29 #785032 #84573C

#3C300F - #604421 - #84573C

Códigos CSS

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

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