#2D5E2D - #0D3F01 | 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 #2D5E2D a #0D3F01

#2D5E2D #0D3F01

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

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

0.0%	0.0% #2D5E2D	RGB 45 94 45	#2D5E2D
16.7%	16.7% #275825	RGB 39 88 37	#275825
33.3%	33.3% #22531E	RGB 34 83 30	#22531E
50.0%	50.0% #1D4E17	RGB 29 78 23	#1D4E17
66.7%	66.7% #17490F	RGB 23 73 15	#17490F
83.3%	83.3% #124408	RGB 18 68 8	#124408
100.0%	100.0% #0D3F01	RGB 13 63 1	#0D3F01

#2D5E2D #275825 #22531E #1D4E17 #17490F #124408 #0D3F01

#2D5E2D - #0D3F01

Mezcla HSV

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

0.0%	0.0% #2D5E2D	RGB 45 94 45	#2D5E2D
16.7%	16.7% #255823	RGB 37 88 35	#255823
33.3%	33.3% #1E531B	RGB 30 83 27	#1E531B
50.0%	50.0% #194E13	RGB 25 78 19	#194E13
66.7%	66.7% #14490C	RGB 20 73 12	#14490C
83.3%	83.3% #104406	RGB 16 68 6	#104406
100.0%	100.0% #0D3F01	RGB 13 63 1	#0D3F01

#2D5E2D #255823 #1E531B #194E13 #14490C #104406 #0D3F01

#2D5E2D - #194E13 - #0D3F01

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E2D 0%, #194E13 50%, #0D3F01 100%);
    background: -webkit-linear-gradient(top, #2D5E2D 0%, #194E13 50%, #0D3F01 100%);
    background: linear-gradient(to bottom, #2D5E2D 0%, #194E13 50%, #0D3F01 100%);
}
</style>