#5E4B3E - #8DDA6B | 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 #5E4B3E a #8DDA6B

#5E4B3E #8DDA6B

Calcule el color entre dos colores, #5E4B3E y #8DDA6B. 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)

#5E4B3E - #8DDA6B | 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 #5E4B3E como 0% y #8DDA6B como 100%.

0.0%	0.0% #5E4B3E	RGB 94 75 62	#5E4B3E
16.7%	16.7% #656245	RGB 101 98 69	#656245
33.3%	33.3% #6D7A4D	RGB 109 122 77	#6D7A4D
50.0%	50.0% #759254	RGB 117 146 84	#759254
66.7%	66.7% #7DAA5C	RGB 125 170 92	#7DAA5C
83.3%	83.3% #85C263	RGB 133 194 99	#85C263
100.0%	100.0% #8DDA6B	RGB 141 218 107	#8DDA6B

#5E4B3E #656245 #6D7A4D #759254 #7DAA5C #85C263 #8DDA6B

#5E4B3E - #8DDA6B

Mezcla HSV

#5E4B3E - #8DDA6B | 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 #5E4B3E como 0% y #8DDA6B como 100%.

0.0%	0.0% #5E4B3E	RGB 94 75 62	#5E4B3E
16.7%	16.7% #726248	RGB 114 98 72	#726248
33.3%	33.3% #877E51	RGB 135 126 81	#877E51
50.0%	50.0% #989C59	RGB 152 156 89	#989C59
66.7%	66.7% #9BB060	RGB 155 176 96	#9BB060
83.3%	83.3% #97C566	RGB 151 197 102	#97C566
100.0%	100.0% #8DDA6B	RGB 141 218 107	#8DDA6B

#5E4B3E #726248 #877E51 #989C59 #9BB060 #97C566 #8DDA6B

#5E4B3E - #989C59 - #8DDA6B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4B3E 0%, #989C59 50%, #8DDA6B 100%);
    background: -webkit-linear-gradient(top, #5E4B3E 0%, #989C59 50%, #8DDA6B 100%);
    background: linear-gradient(to bottom, #5E4B3E 0%, #989C59 50%, #8DDA6B 100%);
}
</style>