#A97C7D - #B9C4BB | 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 #A97C7D a #B9C4BB

#A97C7D #B9C4BB

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

#A97C7D - #B9C4BB | 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 #A97C7D como 0% y #B9C4BB como 100%.

0.0%	0.0% #A97C7D	RGB 169 124 125	#A97C7D
16.7%	16.7% #AB8887	RGB 171 136 135	#AB8887
33.3%	33.3% #AE9491	RGB 174 148 145	#AE9491
50.0%	50.0% #B1A09C	RGB 177 160 156	#B1A09C
66.7%	66.7% #B3ACA6	RGB 179 172 166	#B3ACA6
83.3%	83.3% #B6B8B0	RGB 182 184 176	#B6B8B0
100.0%	100.0% #B9C4BB	RGB 185 196 187	#B9C4BB

#A97C7D #AB8887 #AE9491 #B1A09C #B3ACA6 #B6B8B0 #B9C4BB

#A97C7D - #B9C4BB

Mezcla HSV

#A97C7D - #B9C4BB | 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 #A97C7D como 0% y #B9C4BB como 100%.

0.0%	0.0% #A97C7D	RGB 169 124 125	#A97C7D
16.7%	16.7% #AD9385	RGB 173 147 133	#AD9385
33.3%	33.3% #B2A78F	RGB 178 167 143	#B2A78F
50.0%	50.0% #B4B699	RGB 180 182 153	#B4B699
66.7%	66.7% #B0BBA3	RGB 176 187 163	#B0BBA3
83.3%	83.3% #B1BFAE	RGB 177 191 174	#B1BFAE
100.0%	100.0% #B9C4BB	RGB 185 196 187	#B9C4BB

#A97C7D #AD9385 #B2A78F #B4B699 #B0BBA3 #B1BFAE #B9C4BB

#A97C7D - #B4B699 - #B9C4BB

Códigos CSS

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

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