#A0A291 - #E3E4DF | 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 #A0A291 a #E3E4DF

#A0A291 #E3E4DF

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

#A0A291 - #E3E4DF | 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 #A0A291 como 0% y #E3E4DF como 100%.

0.0%	0.0% #A0A291	RGB 160 162 145	#A0A291
16.7%	16.7% #ABAD9E	RGB 171 173 158	#ABAD9E
33.3%	33.3% #B6B8AB	RGB 182 184 171	#B6B8AB
50.0%	50.0% #C1C3B8	RGB 193 195 184	#C1C3B8
66.7%	66.7% #CCCEC5	RGB 204 206 197	#CCCEC5
83.3%	83.3% #D7D9D2	RGB 215 217 210	#D7D9D2
100.0%	100.0% #E3E4DF	RGB 227 228 223	#E3E4DF

#A0A291 #ABAD9E #B6B8AB #C1C3B8 #CCCEC5 #D7D9D2 #E3E4DF

#A0A291 - #E3E4DF

Mezcla HSV

#A0A291 - #E3E4DF | 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 #A0A291 como 0% y #E3E4DF como 100%.

0.0%	0.0% #A0A291	RGB 160 162 145	#A0A291
16.7%	16.7% #AAAD9D	RGB 170 173 157	#AAAD9D
33.3%	33.3% #B5B8A9	RGB 181 184 169	#B5B8A9
50.0%	50.0% #C1C3B6	RGB 193 195 182	#C1C3B6
66.7%	66.7% #CCCEC3	RGB 204 206 195	#CCCEC3
83.3%	83.3% #D7D9D1	RGB 215 217 209	#D7D9D1
100.0%	100.0% #E3E4DF	RGB 227 228 223	#E3E4DF

#A0A291 #AAAD9D #B5B8A9 #C1C3B6 #CCCEC3 #D7D9D1 #E3E4DF

#A0A291 - #C1C3B6 - #E3E4DF

Códigos CSS

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

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