#2B5024 - #140D03 | 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 #2B5024 a #140D03

#2B5024 #140D03

Calcule el color entre dos colores, #2B5024 y #140D03. 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)

#2B5024 - #140D03 | 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 #2B5024 como 0% y #140D03 como 100%.

0.0%	0.0% #2B5024	RGB 43 80 36	#2B5024
16.7%	16.7% #27441E	RGB 39 68 30	#27441E
33.3%	33.3% #233919	RGB 35 57 25	#233919
50.0%	50.0% #1F2E13	RGB 31 46 19	#1F2E13
66.7%	66.7% #1B230E	RGB 27 35 14	#1B230E
83.3%	83.3% #171808	RGB 23 24 8	#171808
100.0%	100.0% #140D03	RGB 20 13 3	#140D03

#2B5024 #27441E #233919 #1F2E13 #1B230E #171808 #140D03

#2B5024 - #140D03

Mezcla HSV

#2B5024 - #140D03 | 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 #2B5024 como 0% y #140D03 como 100%.

0.0%	0.0% #2A5024	RGB 42 80 36	#2A5024
16.7%	16.7% #2B461C	RGB 43 70 28	#2B461C
33.3%	33.3% #2B3C15	RGB 43 60 21	#2B3C15
50.0%	50.0% #2A320F	RGB 42 50 15	#2A320F
66.7%	66.7% #27280A	RGB 39 40 10	#27280A
83.3%	83.3% #1E1906	RGB 30 25 6	#1E1906
100.0%	100.0% #140D03	RGB 20 13 3	#140D03

#2A5024 #2B461C #2B3C15 #2A320F #27280A #1E1906 #140D03

#2B5024 - #2A320F - #140D03

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A5024 0%, #2A320F 50%, #140D03 100%);
    background: -webkit-linear-gradient(top, #2A5024 0%, #2A320F 50%, #140D03 100%);
    background: linear-gradient(to bottom, #2A5024 0%, #2A320F 50%, #140D03 100%);
}
</style>