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

#2F5E3D #8CAA66

Calcule el color entre dos colores, #2F5E3D 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)

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

0.0%	0.0% #2F5E3D	RGB 47 94 61	#2F5E3D
16.7%	16.7% #3E6A43	RGB 62 106 67	#3E6A43
33.3%	33.3% #4E774A	RGB 78 119 74	#4E774A
50.0%	50.0% #5D8451	RGB 93 132 81	#5D8451
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

#2F5E3D #3E6A43 #4E774A #5D8451 #6D9058 #7C9D5F #8CAA66

#2F5E3D - #8CAA66

Mezcla HSV

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

0.0%	0.0% #2F5E3D	RGB 47 94 61	#2F5E3D
16.7%	16.7% #376A3F	RGB 55 106 63	#376A3F
33.3%	33.3% #3F7740	RGB 63 119 64	#3F7740
50.0%	50.0% #508448	RGB 80 132 72	#508448
66.7%	66.7% #639051	RGB 99 144 81	#639051
83.3%	83.3% #779D5B	RGB 119 157 91	#779D5B
100.0%	100.0% #8CAA66	RGB 140 170 102	#8CAA66

#2F5E3D #376A3F #3F7740 #508448 #639051 #779D5B #8CAA66

#2F5E3D - #508448 - #8CAA66

Códigos CSS

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

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