#E5E3B9 - #C2B664 | 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 #E5E3B9 a #C2B664

#E5E3B9 #C2B664

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

#E5E3B9 - #C2B664 | 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 #E5E3B9 como 0% y #C2B664 como 100%.

0.0%	0.0% #E5E3B9	RGB 229 227 185	#E5E3B9
16.7%	16.7% #DFDBAA	RGB 223 219 170	#DFDBAA
33.3%	33.3% #D9D49C	RGB 217 212 156	#D9D49C
50.0%	50.0% #D3CC8E	RGB 211 204 142	#D3CC8E
66.7%	66.7% #CDC580	RGB 205 197 128	#CDC580
83.3%	83.3% #C7BD72	RGB 199 189 114	#C7BD72
100.0%	100.0% #C2B664	RGB 194 182 100	#C2B664

#E5E3B9 #DFDBAA #D9D49C #D3CC8E #CDC580 #C7BD72 #C2B664

#E5E3B9 - #C2B664

Mezcla HSV

#E5E3B9 - #C2B664 | 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 #E5E3B9 como 0% y #C2B664 como 100%.

0.0%	0.0% #E5E3B9	RGB 229 227 185	#E5E3B9
16.7%	16.7% #DFDBA9	RGB 223 219 169	#DFDBA9
33.3%	33.3% #D9D49A	RGB 217 212 154	#D9D49A
50.0%	50.0% #D3CD8B	RGB 211 205 139	#D3CD8B
66.7%	66.7% #CDC57E	RGB 205 197 126	#CDC57E
83.3%	83.3% #C7BD70	RGB 199 189 112	#C7BD70
100.0%	100.0% #C2B664	RGB 194 182 100	#C2B664

#E5E3B9 #DFDBA9 #D9D49A #D3CD8B #CDC57E #C7BD70 #C2B664

#E5E3B9 - #D3CD8B - #C2B664

Códigos CSS

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

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