#525646 - #B4A16F | 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 #525646 a #B4A16F

#525646 #B4A16F

Calcule el color entre dos colores, #525646 y #B4A16F. 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)

#525646 - #B4A16F | 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 #525646 como 0% y #B4A16F como 100%.

0.0%	0.0% #525646	RGB 82 86 70	#525646
16.7%	16.7% #62624C	RGB 98 98 76	#62624C
33.3%	33.3% #726F53	RGB 114 111 83	#726F53
50.0%	50.0% #837B5A	RGB 131 123 90	#837B5A
66.7%	66.7% #938861	RGB 147 136 97	#938861
83.3%	83.3% #A39468	RGB 163 148 104	#A39468
100.0%	100.0% #B4A16F	RGB 180 161 111	#B4A16F

#525646 #62624C #726F53 #837B5A #938861 #A39468 #B4A16F

#525646 - #B4A16F

Mezcla HSV

#525646 - #B4A16F | 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 #525646 como 0% y #B4A16F como 100%.

0.0%	0.0% #525646	RGB 82 86 70	#525646
16.7%	16.7% #62654F	RGB 98 101 79	#62654F
33.3%	33.3% #737557	RGB 115 117 87	#737557
50.0%	50.0% #85845F	RGB 133 132 95	#85845F
66.7%	66.7% #948F65	RGB 148 143 101	#948F65
83.3%	83.3% #A4996A	RGB 164 153 106	#A4996A
100.0%	100.0% #B4A16F	RGB 180 161 111	#B4A16F

#525646 #62654F #737557 #85845F #948F65 #A4996A #B4A16F

#525646 - #85845F - #B4A16F

Códigos CSS

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

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