#5E5446 - #CDC871 | 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 #5E5446 a #CDC871

#5E5446 #CDC871

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

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

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #70674D	RGB 112 103 77	#70674D
33.3%	33.3% #837A54	RGB 131 122 84	#837A54
50.0%	50.0% #958E5B	RGB 149 142 91	#958E5B
66.7%	66.7% #A8A162	RGB 168 161 98	#A8A162
83.3%	83.3% #BAB469	RGB 186 180 105	#BAB469
100.0%	100.0% #CDC871	RGB 205 200 113	#CDC871

#5E5446 #70674D #837A54 #958E5B #A8A162 #BAB469 #CDC871

#5E5446 - #CDC871

Mezcla HSV

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

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #706450	RGB 112 100 80	#706450
33.3%	33.3% #837659	RGB 131 118 89	#837659
50.0%	50.0% #958960	RGB 149 137 96	#958960
66.7%	66.7% #A89C67	RGB 168 156 103	#A89C67
83.3%	83.3% #BAB16C	RGB 186 177 108	#BAB16C
100.0%	100.0% #CDC871	RGB 205 200 113	#CDC871

#5E5446 #706450 #837659 #958960 #A89C67 #BAB16C #CDC871

#5E5446 - #958960 - #CDC871

Códigos CSS

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

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