#3C5E06 - #8EA25B | 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 #3C5E06 a #8EA25B

#3C5E06 #8EA25B

Calcule el color entre dos colores, #3C5E06 y #8EA25B. 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)

#3C5E06 - #8EA25B | 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 #3C5E06 como 0% y #8EA25B como 100%.

0.0%	0.0% #3C5E06	RGB 60 94 6	#3C5E06
16.7%	16.7% #496914	RGB 73 105 20	#496914
33.3%	33.3% #577422	RGB 87 116 34	#577422
50.0%	50.0% #658030	RGB 101 128 48	#658030
66.7%	66.7% #728B3E	RGB 114 139 62	#728B3E
83.3%	83.3% #80964C	RGB 128 150 76	#80964C
100.0%	100.0% #8EA25B	RGB 142 162 91	#8EA25B

#3C5E06 #496914 #577422 #658030 #728B3E #80964C #8EA25B

#3C5E06 - #8EA25B

Mezcla HSV

#3C5E06 - #8EA25B | 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 #3C5E06 como 0% y #8EA25B como 100%.

0.0%	0.0% #3C5E05	RGB 60 94 5	#3C5E05
16.7%	16.7% #48690F	RGB 72 105 15	#48690F
33.3%	33.3% #55741A	RGB 85 116 26	#55741A
50.0%	50.0% #628028	RGB 98 128 40	#628028
66.7%	66.7% #708B37	RGB 112 139 55	#708B37
83.3%	83.3% #7F9648	RGB 127 150 72	#7F9648
100.0%	100.0% #8EA25B	RGB 142 162 91	#8EA25B

#3C5E05 #48690F #55741A #628028 #708B37 #7F9648 #8EA25B

#3C5E06 - #628028 - #8EA25B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E05 0%, #628028 50%, #8EA25B 100%);
    background: -webkit-linear-gradient(top, #3C5E05 0%, #628028 50%, #8EA25B 100%);
    background: linear-gradient(to bottom, #3C5E05 0%, #628028 50%, #8EA25B 100%);
}
</style>