#2F5E3C - #8CAA65 | 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 #2F5E3C a #8CAA65

#2F5E3C #8CAA65

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

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

0.0%	0.0% #2F5E3C	RGB 47 94 60	#2F5E3C
16.7%	16.7% #3E6A42	RGB 62 106 66	#3E6A42
33.3%	33.3% #4E7749	RGB 78 119 73	#4E7749
50.0%	50.0% #5D8450	RGB 93 132 80	#5D8450
66.7%	66.7% #6D9057	RGB 109 144 87	#6D9057
83.3%	83.3% #7C9D5E	RGB 124 157 94	#7C9D5E
100.0%	100.0% #8CAA65	RGB 140 170 101	#8CAA65

#2F5E3C #3E6A42 #4E7749 #5D8450 #6D9057 #7C9D5E #8CAA65

#2F5E3C - #8CAA65

Mezcla HSV

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

0.0%	0.0% #2F5E3C	RGB 47 94 60	#2F5E3C
16.7%	16.7% #376A3E	RGB 55 106 62	#376A3E
33.3%	33.3% #3F773F	RGB 63 119 63	#3F773F
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% #8CAA65	RGB 140 170 101	#8CAA65

#2F5E3C #376A3E #3F773F #508448 #639051 #779D5B #8CAA65

#2F5E3C - #508448 - #8CAA65

Códigos CSS

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

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