#3C5013 - #162A04 | 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 #3C5013 a #162A04

#3C5013 #162A04

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

#3C5013 - #162A04 | 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 #3C5013 como 0% y #162A04 como 100%.

0.0%	0.0% #3C5013	RGB 60 80 19	#3C5013
16.7%	16.7% #354910	RGB 53 73 16	#354910
33.3%	33.3% #2F430E	RGB 47 67 14	#2F430E
50.0%	50.0% #293D0B	RGB 41 61 11	#293D0B
66.7%	66.7% #223609	RGB 34 54 9	#223609
83.3%	83.3% #1C3006	RGB 28 48 6	#1C3006
100.0%	100.0% #162A04	RGB 22 42 4	#162A04

#3C5013 #354910 #2F430E #293D0B #223609 #1C3006 #162A04

#3C5013 - #162A04

Mezcla HSV

#3C5013 - #162A04 | 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 #3C5013 como 0% y #162A04 como 100%.

0.0%	0.0% #3C5013	RGB 60 80 19	#3C5013
16.7%	16.7% #34490F	RGB 52 73 15	#34490F
33.3%	33.3% #2D430C	RGB 45 67 12	#2D430C
50.0%	50.0% #273D0A	RGB 39 61 10	#273D0A
66.7%	66.7% #213607	RGB 33 54 7	#213607
83.3%	83.3% #1B3005	RGB 27 48 5	#1B3005
100.0%	100.0% #162A04	RGB 22 42 4	#162A04

#3C5013 #34490F #2D430C #273D0A #213607 #1B3005 #162A04

#3C5013 - #273D0A - #162A04

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5013 0%, #273D0A 50%, #162A04 100%);
    background: -webkit-linear-gradient(top, #3C5013 0%, #273D0A 50%, #162A04 100%);
    background: linear-gradient(to bottom, #3C5013 0%, #273D0A 50%, #162A04 100%);
}
</style>