#2E5E3E - #8BAA67 | 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 #2E5E3E a #8BAA67

#2E5E3E #8BAA67

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

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

0.0%	0.0% #2E5E3E	RGB 46 94 62	#2E5E3E
16.7%	16.7% #3D6A44	RGB 61 106 68	#3D6A44
33.3%	33.3% #4D774B	RGB 77 119 75	#4D774B
50.0%	50.0% #5C8452	RGB 92 132 82	#5C8452
66.7%	66.7% #6C9059	RGB 108 144 89	#6C9059
83.3%	83.3% #7B9D60	RGB 123 157 96	#7B9D60
100.0%	100.0% #8BAA67	RGB 139 170 103	#8BAA67

#2E5E3E #3D6A44 #4D774B #5C8452 #6C9059 #7B9D60 #8BAA67

#2E5E3E - #8BAA67

Mezcla HSV

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

0.0%	0.0% #2E5E3E	RGB 46 94 62	#2E5E3E
16.7%	16.7% #366A40	RGB 54 106 64	#366A40
33.3%	33.3% #3F7741	RGB 63 119 65	#3F7741
50.0%	50.0% #4E8448	RGB 78 132 72	#4E8448
66.7%	66.7% #619052	RGB 97 144 82	#619052
83.3%	83.3% #759D5C	RGB 117 157 92	#759D5C
100.0%	100.0% #8BAA67	RGB 139 170 103	#8BAA67

#2E5E3E #366A40 #3F7741 #4E8448 #619052 #759D5C #8BAA67

#2E5E3E - #4E8448 - #8BAA67

Códigos CSS

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

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