#ADADA8 - #FFDFB6 | 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 #ADADA8 a #FFDFB6

#ADADA8 #FFDFB6

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

#ADADA8 - #FFDFB6 | 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 #ADADA8 como 0% y #FFDFB6 como 100%.

0.0%	0.0% #ADADA8	RGB 173 173 168	#ADADA8
16.7%	16.7% #BAB5AA	RGB 186 181 170	#BAB5AA
33.3%	33.3% #C8BDAC	RGB 200 189 172	#C8BDAC
50.0%	50.0% #D6C6AF	RGB 214 198 175	#D6C6AF
66.7%	66.7% #E3CEB1	RGB 227 206 177	#E3CEB1
83.3%	83.3% #F1D6B3	RGB 241 214 179	#F1D6B3
100.0%	100.0% #FFDFB6	RGB 255 223 182	#FFDFB6

#ADADA8 #BAB5AA #C8BDAC #D6C6AF #E3CEB1 #F1D6B3 #FFDFB6

#ADADA8 - #FFDFB6

Mezcla HSV

#ADADA8 - #FFDFB6 | 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 #ADADA8 como 0% y #FFDFB6 como 100%.

0.0%	0.0% #ADADA8	RGB 173 173 168	#ADADA8
16.7%	16.7% #BAB9AD	RGB 186 185 173	#BAB9AD
33.3%	33.3% #C8C4B1	RGB 200 196 177	#C8C4B1
50.0%	50.0% #D6CEB4	RGB 214 206 180	#D6CEB4
66.7%	66.7% #E3D6B6	RGB 227 214 182	#E3D6B6
83.3%	83.3% #F1DBB6	RGB 241 219 182	#F1DBB6
100.0%	100.0% #FFDFB6	RGB 255 223 182	#FFDFB6

#ADADA8 #BAB9AD #C8C4B1 #D6CEB4 #E3D6B6 #F1DBB6 #FFDFB6

#ADADA8 - #D6CEB4 - #FFDFB6

Códigos CSS

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

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