#5E895C - #DECC7A | 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 #5E895C a #DECC7A

#5E895C #DECC7A

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

#5E895C - #DECC7A | 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 #5E895C como 0% y #DECC7A como 100%.

0.0%	0.0% #5E895C	RGB 94 137 92	#5E895C
16.7%	16.7% #739461	RGB 115 148 97	#739461
33.3%	33.3% #889F66	RGB 136 159 102	#889F66
50.0%	50.0% #9EAA6B	RGB 158 170 107	#9EAA6B
66.7%	66.7% #B3B570	RGB 179 181 112	#B3B570
83.3%	83.3% #C8C075	RGB 200 192 117	#C8C075
100.0%	100.0% #DECC7A	RGB 222 204 122	#DECC7A

#5E895C #739461 #889F66 #9EAA6B #B3B570 #C8C075 #DECC7A

#5E895C - #DECC7A

Mezcla HSV

#5E895C - #DECC7A | 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 #5E895C como 0% y #DECC7A como 100%.

0.0%	0.0% #5E895C	RGB 94 137 92	#5E895C
16.7%	16.7% #6E9762	RGB 110 151 98	#6E9762
33.3%	33.3% #82A568	RGB 130 165 104	#82A568
50.0%	50.0% #98B36D	RGB 152 179 109	#98B36D
66.7%	66.7% #B1C172	RGB 177 193 114	#B1C172
83.3%	83.3% #CFCF76	RGB 207 207 118	#CFCF76
100.0%	100.0% #DECC7A	RGB 222 204 122	#DECC7A

#5E895C #6E9762 #82A568 #98B36D #B1C172 #CFCF76 #DECC7A

#5E895C - #98B36D - #DECC7A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E895C 0%, #98B36D 50%, #DECC7A 100%);
    background: -webkit-linear-gradient(top, #5E895C 0%, #98B36D 50%, #DECC7A 100%);
    background: linear-gradient(to bottom, #5E895C 0%, #98B36D 50%, #DECC7A 100%);
}
</style>