#A4A4A2 - #FDDAB2 | 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 #A4A4A2 a #FDDAB2

#A4A4A2 #FDDAB2

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

#A4A4A2 - #FDDAB2 | 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 #A4A4A2 como 0% y #FDDAB2 como 100%.

0.0%	0.0% #A4A4A2	RGB 164 164 162	#A4A4A2
16.7%	16.7% #B2ADA4	RGB 178 173 164	#B2ADA4
33.3%	33.3% #C1B6A7	RGB 193 182 167	#C1B6A7
50.0%	50.0% #D0BFAA	RGB 208 191 170	#D0BFAA
66.7%	66.7% #DFC8AC	RGB 223 200 172	#DFC8AC
83.3%	83.3% #EED1AF	RGB 238 209 175	#EED1AF
100.0%	100.0% #FDDAB2	RGB 253 218 178	#FDDAB2

#A4A4A2 #B2ADA4 #C1B6A7 #D0BFAA #DFC8AC #EED1AF #FDDAB2

#A4A4A2 - #FDDAB2

Mezcla HSV

#A4A4A2 - #FDDAB2 | 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 #A4A4A2 como 0% y #FDDAB2 como 100%.

0.0%	0.0% #A4A4A2	RGB 164 164 162	#A4A4A2
16.7%	16.7% #B2B2A8	RGB 178 178 168	#B2B2A8
33.3%	33.3% #C1BEAC	RGB 193 190 172	#C1BEAC
50.0%	50.0% #D0C8B0	RGB 208 200 176	#D0C8B0
66.7%	66.7% #DFD1B2	RGB 223 209 178	#DFD1B2
83.3%	83.3% #EED7B2	RGB 238 215 178	#EED7B2
100.0%	100.0% #FDDAB2	RGB 253 218 178	#FDDAB2

#A4A4A2 #B2B2A8 #C1BEAC #D0C8B0 #DFD1B2 #EED7B2 #FDDAB2

#A4A4A2 - #D0C8B0 - #FDDAB2

Códigos CSS

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

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