#3E5E05 - #142D07 | 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 #3E5E05 a #142D07

#3E5E05 #142D07

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

#3E5E05 - #142D07 | 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 #3E5E05 como 0% y #142D07 como 100%.

0.0%	0.0% #3E5E05	RGB 62 94 5	#3E5E05
16.7%	16.7% #375505	RGB 55 85 5	#375505
33.3%	33.3% #304D05	RGB 48 77 5	#304D05
50.0%	50.0% #294506	RGB 41 69 6	#294506
66.7%	66.7% #223D06	RGB 34 61 6	#223D06
83.3%	83.3% #1B3506	RGB 27 53 6	#1B3506
100.0%	100.0% #142D07	RGB 20 45 7	#142D07

#3E5E05 #375505 #304D05 #294506 #223D06 #1B3506 #142D07

#3E5E05 - #142D07

Mezcla HSV

#3E5E05 - #142D07 | 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 #3E5E05 como 0% y #142D07 como 100%.

0.0%	0.0% #3E5E04	RGB 62 94 4	#3E5E04
16.7%	16.7% #355506	RGB 53 85 6	#355506
33.3%	33.3% #2D4D06	RGB 45 77 6	#2D4D06
50.0%	50.0% #254507	RGB 37 69 7	#254507
66.7%	66.7% #1F3D07	RGB 31 61 7	#1F3D07
83.3%	83.3% #193507	RGB 25 53 7	#193507
100.0%	100.0% #142D07	RGB 20 45 7	#142D07

#3E5E04 #355506 #2D4D06 #254507 #1F3D07 #193507 #142D07

#3E5E05 - #254507 - #142D07

Códigos CSS

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

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