#2D5E2B - #0E3E01 | 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 #2D5E2B a #0E3E01

#2D5E2B #0E3E01

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

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

0.0%	0.0% #2D5E2B	RGB 45 94 43	#2D5E2B
16.7%	16.7% #275824	RGB 39 88 36	#275824
33.3%	33.3% #22531D	RGB 34 83 29	#22531D
50.0%	50.0% #1D4E16	RGB 29 78 22	#1D4E16
66.7%	66.7% #18480F	RGB 24 72 15	#18480F
83.3%	83.3% #134308	RGB 19 67 8	#134308
100.0%	100.0% #0E3E01	RGB 14 62 1	#0E3E01

#2D5E2B #275824 #22531D #1D4E16 #18480F #134308 #0E3E01

#2D5E2B - #0E3E01

Mezcla HSV

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

0.0%	0.0% #2C5E2B	RGB 44 94 43	#2C5E2B
16.7%	16.7% #255822	RGB 37 88 34	#255822
33.3%	33.3% #1F5319	RGB 31 83 25	#1F5319
50.0%	50.0% #194E12	RGB 25 78 18	#194E12
66.7%	66.7% #15480B	RGB 21 72 11	#15480B
83.3%	83.3% #114306	RGB 17 67 6	#114306
100.0%	100.0% #0E3E01	RGB 14 62 1	#0E3E01

#2C5E2B #255822 #1F5319 #194E12 #15480B #114306 #0E3E01

#2D5E2B - #194E12 - #0E3E01

Códigos CSS

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

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