#A69C92 - #FFD9AC | 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 #A69C92 a #FFD9AC

#A69C92 #FFD9AC

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

#A69C92 - #FFD9AC | 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 #A69C92 como 0% y #FFD9AC como 100%.

0.0%	0.0% #A69C92	RGB 166 156 146	#A69C92
16.7%	16.7% #B4A696	RGB 180 166 150	#B4A696
33.3%	33.3% #C3B09A	RGB 195 176 154	#C3B09A
50.0%	50.0% #D2BA9F	RGB 210 186 159	#D2BA9F
66.7%	66.7% #E1C4A3	RGB 225 196 163	#E1C4A3
83.3%	83.3% #F0CEA7	RGB 240 206 167	#F0CEA7
100.0%	100.0% #FFD9AC	RGB 255 217 172	#FFD9AC

#A69C92 #B4A696 #C3B09A #D2BA9F #E1C4A3 #F0CEA7 #FFD9AC

#A69C92 - #FFD9AC

Mezcla HSV

#A69C92 - #FFD9AC | 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 #A69C92 como 0% y #FFD9AC como 100%.

0.0%	0.0% #A69C92	RGB 166 156 146	#A69C92
16.7%	16.7% #B4A798	RGB 180 167 152	#B4A798
33.3%	33.3% #C3B19E	RGB 195 177 158	#C3B19E
50.0%	50.0% #D2BCA3	RGB 210 188 163	#D2BCA3
66.7%	66.7% #E1C5A7	RGB 225 197 167	#E1C5A7
83.3%	83.3% #F0CFAA	RGB 240 207 170	#F0CFAA
100.0%	100.0% #FFD9AC	RGB 255 217 172	#FFD9AC

#A69C92 #B4A798 #C3B19E #D2BCA3 #E1C5A7 #F0CFAA #FFD9AC

#A69C92 - #D2BCA3 - #FFD9AC

Códigos CSS

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

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