#BCAA8F - #A0803A | 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 #BCAA8F a #A0803A

#BCAA8F #A0803A

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

#BCAA8F - #A0803A | 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 #BCAA8F como 0% y #A0803A como 100%.

0.0%	0.0% #BCAA8F	RGB 188 170 143	#BCAA8F
16.7%	16.7% #B7A380	RGB 183 163 128	#B7A380
33.3%	33.3% #B29C72	RGB 178 156 114	#B29C72
50.0%	50.0% #AE9564	RGB 174 149 100	#AE9564
66.7%	66.7% #A98E56	RGB 169 142 86	#A98E56
83.3%	83.3% #A48748	RGB 164 135 72	#A48748
100.0%	100.0% #A0803A	RGB 160 128 58	#A0803A

#BCAA8F #B7A380 #B29C72 #AE9564 #A98E56 #A48748 #A0803A

#BCAA8F - #A0803A

Mezcla HSV

#BCAA8F - #A0803A | 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 #BCAA8F como 0% y #A0803A como 100%.

0.0%	0.0% #BCAA8F	RGB 188 170 143	#BCAA8F
16.7%	16.7% #B7A17F	RGB 183 161 127	#B7A17F
33.3%	33.3% #B29970	RGB 178 153 112	#B29970
50.0%	50.0% #AE9261	RGB 174 146 97	#AE9261
66.7%	66.7% #A98C53	RGB 169 140 83	#A98C53
83.3%	83.3% #A48546	RGB 164 133 70	#A48546
100.0%	100.0% #A0803A	RGB 160 128 58	#A0803A

#BCAA8F #B7A17F #B29970 #AE9261 #A98C53 #A48546 #A0803A

#BCAA8F - #AE9261 - #A0803A

Códigos CSS

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

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