#435024 - #1B2E02 | 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 #435024 a #1B2E02

#435024 #1B2E02

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

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

0.0%	0.0% #435024	RGB 67 80 36	#435024
16.7%	16.7% #3C4A1E	RGB 60 74 30	#3C4A1E
33.3%	33.3% #354418	RGB 53 68 24	#354418
50.0%	50.0% #2F3F13	RGB 47 63 19	#2F3F13
66.7%	66.7% #28390D	RGB 40 57 13	#28390D
83.3%	83.3% #213307	RGB 33 51 7	#213307
100.0%	100.0% #1B2E02	RGB 27 46 2	#1B2E02

#435024 #3C4A1E #354418 #2F3F13 #28390D #213307 #1B2E02

#435024 - #1B2E02

Mezcla HSV

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

0.0%	0.0% #435024	RGB 67 80 36	#435024
16.7%	16.7% #3B4A1C	RGB 59 74 28	#3B4A1C
33.3%	33.3% #344415	RGB 52 68 21	#344415
50.0%	50.0% #2D3F0F	RGB 45 63 15	#2D3F0F
66.7%	66.7% #27390A	RGB 39 57 10	#27390A
83.3%	83.3% #203305	RGB 32 51 5	#203305
100.0%	100.0% #1B2E02	RGB 27 46 2	#1B2E02

#435024 #3B4A1C #344415 #2D3F0F #27390A #203305 #1B2E02

#435024 - #2D3F0F - #1B2E02

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #435024 0%, #2D3F0F 50%, #1B2E02 100%);
    background: -webkit-linear-gradient(top, #435024 0%, #2D3F0F 50%, #1B2E02 100%);
    background: linear-gradient(to bottom, #435024 0%, #2D3F0F 50%, #1B2E02 100%);
}
</style>