#A8AA55 - #E5E6CE | 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 #A8AA55 a #E5E6CE

#A8AA55 #E5E6CE

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

#A8AA55 - #E5E6CE | 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 #A8AA55 como 0% y #E5E6CE como 100%.

0.0%	0.0% #A8AA55	RGB 168 170 85	#A8AA55
16.7%	16.7% #B2B469	RGB 178 180 105	#B2B469
33.3%	33.3% #BCBE7D	RGB 188 190 125	#BCBE7D
50.0%	50.0% #C6C891	RGB 198 200 145	#C6C891
66.7%	66.7% #D0D2A5	RGB 208 210 165	#D0D2A5
83.3%	83.3% #DADCB9	RGB 218 220 185	#DADCB9
100.0%	100.0% #E5E6CE	RGB 229 230 206	#E5E6CE

#A8AA55 #B2B469 #BCBE7D #C6C891 #D0D2A5 #DADCB9 #E5E6CE

#A8AA55 - #E5E6CE

Mezcla HSV

#A8AA55 - #E5E6CE | 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 #A8AA55 como 0% y #E5E6CE como 100%.

0.0%	0.0% #A8AA55	RGB 168 170 85	#A8AA55
16.7%	16.7% #B1B465	RGB 177 180 101	#B1B465
33.3%	33.3% #BBBE78	RGB 187 190 120	#BBBE78
50.0%	50.0% #C6C88B	RGB 198 200 139	#C6C88B
66.7%	66.7% #D0D2A0	RGB 208 210 160	#D0D2A0
83.3%	83.3% #DADCB6	RGB 218 220 182	#DADCB6
100.0%	100.0% #E5E6CE	RGB 229 230 206	#E5E6CE

#A8AA55 #B1B465 #BBBE78 #C6C88B #D0D2A0 #DADCB6 #E5E6CE

#A8AA55 - #C6C88B - #E5E6CE

Códigos CSS

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

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