#2B5034 - #7A9A5E | 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 #2B5034 a #7A9A5E

#2B5034 #7A9A5E

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

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

0.0%	0.0% #2B5034	RGB 43 80 52	#2B5034
16.7%	16.7% #385C3B	RGB 56 92 59	#385C3B
33.3%	33.3% #456842	RGB 69 104 66	#456842
50.0%	50.0% #527549	RGB 82 117 73	#527549
66.7%	66.7% #5F8150	RGB 95 129 80	#5F8150
83.3%	83.3% #6C8D57	RGB 108 141 87	#6C8D57
100.0%	100.0% #7A9A5E	RGB 122 154 94	#7A9A5E

#2B5034 #385C3B #456842 #527549 #5F8150 #6C8D57 #7A9A5E

#2B5034 - #7A9A5E

Mezcla HSV

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

0.0%	0.0% #2B5034	RGB 43 80 52	#2B5034
16.7%	16.7% #325C37	RGB 50 92 55	#325C37
33.3%	33.3% #3A683B	RGB 58 104 59	#3A683B
50.0%	50.0% #487543	RGB 72 117 67	#487543
66.7%	66.7% #58814B	RGB 88 129 75	#58814B
83.3%	83.3% #688D54	RGB 104 141 84	#688D54
100.0%	100.0% #7A9A5E	RGB 122 154 94	#7A9A5E

#2B5034 #325C37 #3A683B #487543 #58814B #688D54 #7A9A5E

#2B5034 - #487543 - #7A9A5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5034 0%, #487543 50%, #7A9A5E 100%);
    background: -webkit-linear-gradient(top, #2B5034 0%, #487543 50%, #7A9A5E 100%);
    background: linear-gradient(to bottom, #2B5034 0%, #487543 50%, #7A9A5E 100%);
}
</style>