#B8BA5E - #7A821B | 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 #B8BA5E a #7A821B

#B8BA5E #7A821B

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

#B8BA5E - #7A821B | 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 #B8BA5E como 0% y #7A821B como 100%.

0.0%	0.0% #B8BA5E	RGB 184 186 94	#B8BA5E
16.7%	16.7% #ADB052	RGB 173 176 82	#ADB052
33.3%	33.3% #A3A747	RGB 163 167 71	#A3A747
50.0%	50.0% #999E3C	RGB 153 158 60	#999E3C
66.7%	66.7% #8E9431	RGB 142 148 49	#8E9431
83.3%	83.3% #848B26	RGB 132 139 38	#848B26
100.0%	100.0% #7A821B	RGB 122 130 27	#7A821B

#B8BA5E #ADB052 #A3A747 #999E3C #8E9431 #848B26 #7A821B

#B8BA5E - #7A821B

Mezcla HSV

#B8BA5E - #7A821B | 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 #B8BA5E como 0% y #7A821B como 100%.

0.0%	0.0% #B8BA5E	RGB 184 186 94	#B8BA5E
16.7%	16.7% #ADB050	RGB 173 176 80	#ADB050
33.3%	33.3% #A3A743	RGB 163 167 67	#A3A743
50.0%	50.0% #989E38	RGB 152 158 56	#989E38
66.7%	66.7% #8E942D	RGB 142 148 45	#8E942D
83.3%	83.3% #848B23	RGB 132 139 35	#848B23
100.0%	100.0% #7A821B	RGB 122 130 27	#7A821B

#B8BA5E #ADB050 #A3A743 #989E38 #8E942D #848B23 #7A821B

#B8BA5E - #989E38 - #7A821B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8BA5E 0%, #989E38 50%, #7A821B 100%);
    background: -webkit-linear-gradient(top, #B8BA5E 0%, #989E38 50%, #7A821B 100%);
    background: linear-gradient(to bottom, #B8BA5E 0%, #989E38 50%, #7A821B 100%);
}
</style>