#A8AD9C - #ECE1B4 | 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 #A8AD9C a #ECE1B4

#A8AD9C #ECE1B4

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

#A8AD9C - #ECE1B4 | 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 #A8AD9C como 0% y #ECE1B4 como 100%.

0.0%	0.0% #A8AD9C	RGB 168 173 156	#A8AD9C
16.7%	16.7% #B3B5A0	RGB 179 181 160	#B3B5A0
33.3%	33.3% #BEBEA4	RGB 190 190 164	#BEBEA4
50.0%	50.0% #CAC7A8	RGB 202 199 168	#CAC7A8
66.7%	66.7% #D5CFAC	RGB 213 207 172	#D5CFAC
83.3%	83.3% #E0D8B0	RGB 224 216 176	#E0D8B0
100.0%	100.0% #ECE1B4	RGB 236 225 180	#ECE1B4

#A8AD9C #B3B5A0 #BEBEA4 #CAC7A8 #D5CFAC #E0D8B0 #ECE1B4

#A8AD9C - #ECE1B4

Mezcla HSV

#A8AD9C - #ECE1B4 | 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 #A8AD9C como 0% y #ECE1B4 como 100%.

0.0%	0.0% #A8AD9C	RGB 168 173 156	#A8AD9C
16.7%	16.7% #B2B7A1	RGB 178 183 161	#B2B7A1
33.3%	33.3% #BEC2A5	RGB 190 194 165	#BEC2A5
50.0%	50.0% #CACCAA	RGB 202 204 170	#CACCAA
66.7%	66.7% #D7D5AD	RGB 215 213 173	#D7D5AD
83.3%	83.3% #E1DBB1	RGB 225 219 177	#E1DBB1
100.0%	100.0% #ECE1B4	RGB 236 225 180	#ECE1B4

#A8AD9C #B2B7A1 #BEC2A5 #CACCAA #D7D5AD #E1DBB1 #ECE1B4

#A8AD9C - #CACCAA - #ECE1B4

Códigos CSS

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

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