#2D502B - #8C9A5E | 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 #2D502B a #8C9A5E

#2D502B #8C9A5E

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

#2D502B - #8C9A5E | 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 #2D502B como 0% y #8C9A5E como 100%.

0.0%	0.0% #2D502B	RGB 45 80 43	#2D502B
16.7%	16.7% #3C5C33	RGB 60 92 51	#3C5C33
33.3%	33.3% #4C683C	RGB 76 104 60	#4C683C
50.0%	50.0% #5C7544	RGB 92 117 68	#5C7544
66.7%	66.7% #6C814D	RGB 108 129 77	#6C814D
83.3%	83.3% #7C8D55	RGB 124 141 85	#7C8D55
100.0%	100.0% #8C9A5E	RGB 140 154 94	#8C9A5E

#2D502B #3C5C33 #4C683C #5C7544 #6C814D #7C8D55 #8C9A5E

#2D502B - #8C9A5E

Mezcla HSV

#2D502B - #8C9A5E | 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 #2D502B como 0% y #8C9A5E como 100%.

0.0%	0.0% #2C502B	RGB 44 80 43	#2C502B
16.7%	16.7% #395C32	RGB 57 92 50	#395C32
33.3%	33.3% #48683A	RGB 72 104 58	#48683A
50.0%	50.0% #577543	RGB 87 117 67	#577543
66.7%	66.7% #68814B	RGB 104 129 75	#68814B
83.3%	83.3% #798D54	RGB 121 141 84	#798D54
100.0%	100.0% #8C9A5E	RGB 140 154 94	#8C9A5E

#2C502B #395C32 #48683A #577543 #68814B #798D54 #8C9A5E

#2D502B - #577543 - #8C9A5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C502B 0%, #577543 50%, #8C9A5E 100%);
    background: -webkit-linear-gradient(top, #2C502B 0%, #577543 50%, #8C9A5E 100%);
    background: linear-gradient(to bottom, #2C502B 0%, #577543 50%, #8C9A5E 100%);
}
</style>