#E5E5C2 - #AD965E | 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 #E5E5C2 a #AD965E

#E5E5C2 #AD965E

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

#E5E5C2 - #AD965E | 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 #E5E5C2 como 0% y #AD965E como 100%.

0.0%	0.0% #E5E5C2	RGB 229 229 194	#E5E5C2
16.7%	16.7% #DBD7B1	RGB 219 215 177	#DBD7B1
33.3%	33.3% #D2CAA0	RGB 210 202 160	#D2CAA0
50.0%	50.0% #C9BD90	RGB 201 189 144	#C9BD90
66.7%	66.7% #BFB07F	RGB 191 176 127	#BFB07F
83.3%	83.3% #B6A36E	RGB 182 163 110	#B6A36E
100.0%	100.0% #AD965E	RGB 173 150 94	#AD965E

#E5E5C2 #DBD7B1 #D2CAA0 #C9BD90 #BFB07F #B6A36E #AD965E

#E5E5C2 - #AD965E

Mezcla HSV

#E5E5C2 - #AD965E | 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 #E5E5C2 como 0% y #AD965E como 100%.

0.0%	0.0% #E5E5C2	RGB 229 229 194	#E5E5C2
16.7%	16.7% #DBD9AE	RGB 219 217 174	#DBD9AE
33.3%	33.3% #D2CD9C	RGB 210 205 156	#D2CD9C
50.0%	50.0% #C9C08B	RGB 201 192 139	#C9C08B
66.7%	66.7% #BFB27B	RGB 191 178 123	#BFB27B
83.3%	83.3% #B6A46C	RGB 182 164 108	#B6A46C
100.0%	100.0% #AD965E	RGB 173 150 94	#AD965E

#E5E5C2 #DBD9AE #D2CD9C #C9C08B #BFB27B #B6A46C #AD965E

#E5E5C2 - #C9C08B - #AD965E

Códigos CSS

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

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