#2F5E3E - #8CAA66 | 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 #2F5E3E a #8CAA66

#2F5E3E #8CAA66

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

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

0.0%	0.0% #2F5E3E	RGB 47 94 62	#2F5E3E
16.7%	16.7% #3E6A44	RGB 62 106 68	#3E6A44
33.3%	33.3% #4E774B	RGB 78 119 75	#4E774B
50.0%	50.0% #5D8452	RGB 93 132 82	#5D8452
66.7%	66.7% #6D9058	RGB 109 144 88	#6D9058
83.3%	83.3% #7C9D5F	RGB 124 157 95	#7C9D5F
100.0%	100.0% #8CAA66	RGB 140 170 102	#8CAA66

#2F5E3E #3E6A44 #4E774B #5D8452 #6D9058 #7C9D5F #8CAA66

#2F5E3E - #8CAA66

Mezcla HSV

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

0.0%	0.0% #2F5E3E	RGB 47 94 62	#2F5E3E
16.7%	16.7% #376A40	RGB 55 106 64	#376A40
33.3%	33.3% #3F7741	RGB 63 119 65	#3F7741
50.0%	50.0% #4F8448	RGB 79 132 72	#4F8448
66.7%	66.7% #629051	RGB 98 144 81	#629051
83.3%	83.3% #769D5B	RGB 118 157 91	#769D5B
100.0%	100.0% #8CAA66	RGB 140 170 102	#8CAA66

#2F5E3E #376A40 #3F7741 #4F8448 #629051 #769D5B #8CAA66

#2F5E3E - #4F8448 - #8CAA66

Códigos CSS

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

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