#475024 - #1E2D03 | 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 #475024 a #1E2D03

#475024 #1E2D03

Calcule el color entre dos colores, #475024 y #1E2D03. 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)

#475024 - #1E2D03 | 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 #475024 como 0% y #1E2D03 como 100%.

0.0%	0.0% #475024	RGB 71 80 36	#475024
16.7%	16.7% #404A1E	RGB 64 74 30	#404A1E
33.3%	33.3% #394419	RGB 57 68 25	#394419
50.0%	50.0% #323E13	RGB 50 62 19	#323E13
66.7%	66.7% #2B380E	RGB 43 56 14	#2B380E
83.3%	83.3% #243208	RGB 36 50 8	#243208
100.0%	100.0% #1E2D03	RGB 30 45 3	#1E2D03

#475024 #404A1E #394419 #323E13 #2B380E #243208 #1E2D03

#475024 - #1E2D03

Mezcla HSV

#475024 - #1E2D03 | 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 #475024 como 0% y #1E2D03 como 100%.

0.0%	0.0% #475024	RGB 71 80 36	#475024
16.7%	16.7% #3F4A1C	RGB 63 74 28	#3F4A1C
33.3%	33.3% #384416	RGB 56 68 22	#384416
50.0%	50.0% #313E10	RGB 49 62 16	#313E10
66.7%	66.7% #2A380B	RGB 42 56 11	#2A380B
83.3%	83.3% #243206	RGB 36 50 6	#243206
100.0%	100.0% #1E2D03	RGB 30 45 3	#1E2D03

#475024 #3F4A1C #384416 #313E10 #2A380B #243206 #1E2D03

#475024 - #313E10 - #1E2D03

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #475024 0%, #313E10 50%, #1E2D03 100%);
    background: -webkit-linear-gradient(top, #475024 0%, #313E10 50%, #1E2D03 100%);
    background: linear-gradient(to bottom, #475024 0%, #313E10 50%, #1E2D03 100%);
}
</style>