#3E5E59 - #8AA475 | 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 #3E5E59 a #8AA475

#3E5E59 #8AA475

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

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

0.0%	0.0% #3E5E59	RGB 62 94 89	#3E5E59
16.7%	16.7% #4A695D	RGB 74 105 93	#4A695D
33.3%	33.3% #577562	RGB 87 117 98	#577562
50.0%	50.0% #648167	RGB 100 129 103	#648167
66.7%	66.7% #708C6B	RGB 112 140 107	#708C6B
83.3%	83.3% #7D9870	RGB 125 152 112	#7D9870
100.0%	100.0% #8AA475	RGB 138 164 117	#8AA475

#3E5E59 #4A695D #577562 #648167 #708C6B #7D9870 #8AA475

#3E5E59 - #8AA475

Mezcla HSV

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

0.0%	0.0% #3E5E59	RGB 62 94 89	#3E5E59
16.7%	16.7% #46695C	RGB 70 105 92	#46695C
33.3%	33.3% #4F755F	RGB 79 117 95	#4F755F
50.0%	50.0% #588160	RGB 88 129 96	#588160
66.7%	66.7% #628C61	RGB 98 140 97	#628C61
83.3%	83.3% #75986B	RGB 117 152 107	#75986B
100.0%	100.0% #8AA475	RGB 138 164 117	#8AA475

#3E5E59 #46695C #4F755F #588160 #628C61 #75986B #8AA475

#3E5E59 - #588160 - #8AA475

Códigos CSS

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

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