#A9A9A8 - #FDDDB6 | 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 #A9A9A8 a #FDDDB6

#A9A9A8 #FDDDB6

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

#A9A9A8 - #FDDDB6 | 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 #A9A9A8 como 0% y #FDDDB6 como 100%.

0.0%	0.0% #A9A9A8	RGB 169 169 168	#A9A9A8
16.7%	16.7% #B7B1AA	RGB 183 177 170	#B7B1AA
33.3%	33.3% #C5BAAC	RGB 197 186 172	#C5BAAC
50.0%	50.0% #D3C3AF	RGB 211 195 175	#D3C3AF
66.7%	66.7% #E1CBB1	RGB 225 203 177	#E1CBB1
83.3%	83.3% #EFD4B3	RGB 239 212 179	#EFD4B3
100.0%	100.0% #FDDDB6	RGB 253 221 182	#FDDDB6

#A9A9A8 #B7B1AA #C5BAAC #D3C3AF #E1CBB1 #EFD4B3 #FDDDB6

#A9A9A8 - #FDDDB6

Mezcla HSV

#A9A9A8 - #FDDDB6 | 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 #A9A9A8 como 0% y #FDDDB6 como 100%.

0.0%	0.0% #A9A9A8	RGB 169 169 168	#A9A9A8
16.7%	16.7% #B7B6AD	RGB 183 182 173	#B7B6AD
33.3%	33.3% #C5C2B1	RGB 197 194 177	#C5C2B1
50.0%	50.0% #D3CCB4	RGB 211 204 180	#D3CCB4
66.7%	66.7% #E1D4B6	RGB 225 212 182	#E1D4B6
83.3%	83.3% #EFD9B6	RGB 239 217 182	#EFD9B6
100.0%	100.0% #FDDDB6	RGB 253 221 182	#FDDDB6

#A9A9A8 #B7B6AD #C5C2B1 #D3CCB4 #E1D4B6 #EFD9B6 #FDDDB6

#A9A9A8 - #D3CCB4 - #FDDDB6

Códigos CSS

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

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