#A6AA5C - #E5E6D0 | 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 #A6AA5C a #E5E6D0

#A6AA5C #E5E6D0

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

#A6AA5C - #E5E6D0 | 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 #A6AA5C como 0% y #E5E6D0 como 100%.

0.0%	0.0% #A6AA5C	RGB 166 170 92	#A6AA5C
16.7%	16.7% #B0B46F	RGB 176 180 111	#B0B46F
33.3%	33.3% #BBBE82	RGB 187 190 130	#BBBE82
50.0%	50.0% #C5C896	RGB 197 200 150	#C5C896
66.7%	66.7% #D0D2A9	RGB 208 210 169	#D0D2A9
83.3%	83.3% #DADCBC	RGB 218 220 188	#DADCBC
100.0%	100.0% #E5E6D0	RGB 229 230 208	#E5E6D0

#A6AA5C #B0B46F #BBBE82 #C5C896 #D0D2A9 #DADCBC #E5E6D0

#A6AA5C - #E5E6D0

Mezcla HSV

#A6AA5C - #E5E6D0 | 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 #A6AA5C como 0% y #E5E6D0 como 100%.

0.0%	0.0% #A6AA5C	RGB 166 170 92	#A6AA5C
16.7%	16.7% #B0B46C	RGB 176 180 108	#B0B46C
33.3%	33.3% #BABE7D	RGB 186 190 125	#BABE7D
50.0%	50.0% #C5C890	RGB 197 200 144	#C5C890
66.7%	66.7% #CFD2A4	RGB 207 210 164	#CFD2A4
83.3%	83.3% #DADCB9	RGB 218 220 185	#DADCB9
100.0%	100.0% #E5E6D0	RGB 229 230 208	#E5E6D0

#A6AA5C #B0B46C #BABE7D #C5C890 #CFD2A4 #DADCB9 #E5E6D0

#A6AA5C - #C5C890 - #E5E6D0

Códigos CSS

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

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