#B3AC3C - #333111 | 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 #B3AC3C a #333111

#B3AC3C #333111

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

#B3AC3C - #333111 | 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 #B3AC3C como 0% y #333111 como 100%.

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #9D9734	RGB 157 151 52	#9D9734
33.3%	33.3% #88832D	RGB 136 131 45	#88832D
50.0%	50.0% #736E26	RGB 115 110 38	#736E26
66.7%	66.7% #5D5A1F	RGB 93 90 31	#5D5A1F
83.3%	83.3% #484518	RGB 72 69 24	#484518
100.0%	100.0% #333111	RGB 51 49 17	#333111

#B3AC3C #9D9734 #88832D #736E26 #5D5A1F #484518 #333111

#B3AC3C - #333111

Mezcla HSV

#B3AC3C - #333111 | 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 #B3AC3C como 0% y #333111 como 100%.

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #9D9734	RGB 157 151 52	#9D9734
33.3%	33.3% #88822D	RGB 136 130 45	#88822D
50.0%	50.0% #736E26	RGB 115 110 38	#736E26
66.7%	66.7% #5D591F	RGB 93 89 31	#5D591F
83.3%	83.3% #484518	RGB 72 69 24	#484518
100.0%	100.0% #333111	RGB 51 49 17	#333111

#B3AC3C #9D9734 #88822D #736E26 #5D591F #484518 #333111

#B3AC3C - #736E26 - #333111

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B3AC3C 0%, #736E26 50%, #333111 100%);
    background: -webkit-linear-gradient(top, #B3AC3C 0%, #736E26 50%, #333111 100%);
    background: linear-gradient(to bottom, #B3AC3C 0%, #736E26 50%, #333111 100%);
}
</style>