#3E5E43 - #07470B | 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 #3E5E43 a #07470B

#3E5E43 #07470B

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

#3E5E43 - #07470B | 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 #3E5E43 como 0% y #07470B como 100%.

0.0%	0.0% #3E5E43	RGB 62 94 67	#3E5E43
16.7%	16.7% #345A39	RGB 52 90 57	#345A39
33.3%	33.3% #2B5630	RGB 43 86 48	#2B5630
50.0%	50.0% #225227	RGB 34 82 39	#225227
66.7%	66.7% #194E1D	RGB 25 78 29	#194E1D
83.3%	83.3% #104A14	RGB 16 74 20	#104A14
100.0%	100.0% #07470B	RGB 7 71 11	#07470B

#3E5E43 #345A39 #2B5630 #225227 #194E1D #104A14 #07470B

#3E5E43 - #07470B

Mezcla HSV

#3E5E43 - #07470B | 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 #3E5E43 como 0% y #07470B como 100%.

0.0%	0.0% #3E5E43	RGB 62 94 67	#3E5E43
16.7%	16.7% #335A38	RGB 51 90 56	#335A38
33.3%	33.3% #28562E	RGB 40 86 46	#28562E
50.0%	50.0% #1F5224	RGB 31 82 36	#1F5224
66.7%	66.7% #164E1B	RGB 22 78 27	#164E1B
83.3%	83.3% #0E4A13	RGB 14 74 19	#0E4A13
100.0%	100.0% #07470B	RGB 7 71 11	#07470B

#3E5E43 #335A38 #28562E #1F5224 #164E1B #0E4A13 #07470B

#3E5E43 - #1F5224 - #07470B

Códigos CSS

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

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