#A2A191 - #E4E4DF | 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 #A2A191 a #E4E4DF

#A2A191 #E4E4DF

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

#A2A191 - #E4E4DF | 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 #A2A191 como 0% y #E4E4DF como 100%.

0.0%	0.0% #A2A191	RGB 162 161 145	#A2A191
16.7%	16.7% #ADAC9E	RGB 173 172 158	#ADAC9E
33.3%	33.3% #B8B7AB	RGB 184 183 171	#B8B7AB
50.0%	50.0% #C3C2B8	RGB 195 194 184	#C3C2B8
66.7%	66.7% #CECDC5	RGB 206 205 197	#CECDC5
83.3%	83.3% #D9D8D2	RGB 217 216 210	#D9D8D2
100.0%	100.0% #E4E4DF	RGB 228 228 223	#E4E4DF

#A2A191 #ADAC9E #B8B7AB #C3C2B8 #CECDC5 #D9D8D2 #E4E4DF

#A2A191 - #E4E4DF

Mezcla HSV

#A2A191 - #E4E4DF | 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 #A2A191 como 0% y #E4E4DF como 100%.

0.0%	0.0% #A2A191	RGB 162 161 145	#A2A191
16.7%	16.7% #ADAC9D	RGB 173 172 157	#ADAC9D
33.3%	33.3% #B8B7A9	RGB 184 183 169	#B8B7A9
50.0%	50.0% #C3C2B6	RGB 195 194 182	#C3C2B6
66.7%	66.7% #CECDC3	RGB 206 205 195	#CECDC3
83.3%	83.3% #D9D8D1	RGB 217 216 209	#D9D8D1
100.0%	100.0% #E4E4DF	RGB 228 228 223	#E4E4DF

#A2A191 #ADAC9D #B8B7A9 #C3C2B6 #CECDC3 #D9D8D1 #E4E4DF

#A2A191 - #C3C2B6 - #E4E4DF

Códigos CSS

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

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