#2D5423 - #0E3501 | 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 #2D5423 a #0E3501

#2D5423 #0E3501

Calcule el color entre dos colores, #2D5423 y #0E3501. 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)

#2D5423 - #0E3501 | 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 #2D5423 como 0% y #0E3501 como 100%.

0.0%	0.0% #2D5423	RGB 45 84 35	#2D5423
16.7%	16.7% #274E1D	RGB 39 78 29	#274E1D
33.3%	33.3% #224917	RGB 34 73 23	#224917
50.0%	50.0% #1D4412	RGB 29 68 18	#1D4412
66.7%	66.7% #183F0C	RGB 24 63 12	#183F0C
83.3%	83.3% #133A06	RGB 19 58 6	#133A06
100.0%	100.0% #0E3501	RGB 14 53 1	#0E3501

#2D5423 #274E1D #224917 #1D4412 #183F0C #133A06 #0E3501

#2D5423 - #0E3501

Mezcla HSV

#2D5423 - #0E3501 | 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 #2D5423 como 0% y #0E3501 como 100%.

0.0%	0.0% #2C5423	RGB 44 84 35	#2C5423
16.7%	16.7% #264E1B	RGB 38 78 27	#264E1B
33.3%	33.3% #204914	RGB 32 73 20	#204914
50.0%	50.0% #1B440E	RGB 27 68 14	#1B440E
66.7%	66.7% #163F09	RGB 22 63 9	#163F09
83.3%	83.3% #113A04	RGB 17 58 4	#113A04
100.0%	100.0% #0E3501	RGB 14 53 1	#0E3501

#2C5423 #264E1B #204914 #1B440E #163F09 #113A04 #0E3501

#2D5423 - #1B440E - #0E3501

Códigos CSS

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

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