#5E5C46 - #CED16D | 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 #5E5C46 a #CED16D

#5E5C46 #CED16D

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

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

0.0%	0.0% #5E5C46	RGB 94 92 70	#5E5C46
16.7%	16.7% #706F4C	RGB 112 111 76	#706F4C
33.3%	33.3% #838353	RGB 131 131 83	#838353
50.0%	50.0% #969659	RGB 150 150 89	#969659
66.7%	66.7% #A8AA60	RGB 168 170 96	#A8AA60
83.3%	83.3% #BBBD66	RGB 187 189 102	#BBBD66
100.0%	100.0% #CED16D	RGB 206 209 109	#CED16D

#5E5C46 #706F4C #838353 #969659 #A8AA60 #BBBD66 #CED16D

#5E5C46 - #CED16D

Mezcla HSV

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

0.0%	0.0% #5E5C46	RGB 94 92 70	#5E5C46
16.7%	16.7% #716F50	RGB 113 111 80	#716F50
33.3%	33.3% #848258	RGB 132 130 88	#848258
50.0%	50.0% #97965F	RGB 151 150 95	#97965F
66.7%	66.7% #AAAA65	RGB 170 170 101	#AAAA65
83.3%	83.3% #BCBD6A	RGB 188 189 106	#BCBD6A
100.0%	100.0% #CED16D	RGB 206 209 109	#CED16D

#5E5C46 #716F50 #848258 #97965F #AAAA65 #BCBD6A #CED16D

#5E5C46 - #97965F - #CED16D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C46 0%, #97965F 50%, #CED16D 100%);
    background: -webkit-linear-gradient(top, #5E5C46 0%, #97965F 50%, #CED16D 100%);
    background: linear-gradient(to bottom, #5E5C46 0%, #97965F 50%, #CED16D 100%);
}
</style>