#B3AC3C - #757608 | 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 #757608

#B3AC3C #757608

Calcule el color entre dos colores, #B3AC3C y #757608. 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 - #757608 | 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 #757608 como 100%.

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #A8A333	RGB 168 163 51	#A8A333
33.3%	33.3% #9E9A2A	RGB 158 154 42	#9E9A2A
50.0%	50.0% #949122	RGB 148 145 34	#949122
66.7%	66.7% #898819	RGB 137 136 25	#898819
83.3%	83.3% #7F7F10	RGB 127 127 16	#7F7F10
100.0%	100.0% #757608	RGB 117 118 8	#757608

#B3AC3C #A8A333 #9E9A2A #949122 #898819 #7F7F10 #757608

#B3AC3C - #757608

Mezcla HSV

#B3AC3C - #757608 | 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 #757608 como 100%.

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #A8A331	RGB 168 163 49	#A8A331
33.3%	33.3% #9E9A27	RGB 158 154 39	#9E9A27
50.0%	50.0% #94911D	RGB 148 145 29	#94911D
66.7%	66.7% #8A8815	RGB 138 136 21	#8A8815
83.3%	83.3% #807F0E	RGB 128 127 14	#807F0E
100.0%	100.0% #757608	RGB 117 118 8	#757608

#B3AC3C #A8A331 #9E9A27 #94911D #8A8815 #807F0E #757608

#B3AC3C - #94911D - #757608

Códigos CSS

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

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