#A59624 - #E5E0C0 | 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 #A59624 a #E5E0C0

#A59624 #E5E0C0

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

#A59624 - #E5E0C0 | 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 #A59624 como 0% y #E5E0C0 como 100%.

0.0%	0.0% #A59624	RGB 165 150 36	#A59624
16.7%	16.7% #AFA23E	RGB 175 162 62	#AFA23E
33.3%	33.3% #BAAE58	RGB 186 174 88	#BAAE58
50.0%	50.0% #C5BB72	RGB 197 187 114	#C5BB72
66.7%	66.7% #CFC78C	RGB 207 199 140	#CFC78C
83.3%	83.3% #DAD3A6	RGB 218 211 166	#DAD3A6
100.0%	100.0% #E5E0C0	RGB 229 224 192	#E5E0C0

#A59624 #AFA23E #BAAE58 #C5BB72 #CFC78C #DAD3A6 #E5E0C0

#A59624 - #E5E0C0

Mezcla HSV

#A59624 - #E5E0C0 | 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 #A59624 como 0% y #E5E0C0 como 100%.

0.0%	0.0% #A59624	RGB 165 150 36	#A59624
16.7%	16.7% #AFA138	RGB 175 161 56	#AFA138
33.3%	33.3% #BAAD4F	RGB 186 173 79	#BAAD4F
50.0%	50.0% #C5B968	RGB 197 185 104	#C5B968
66.7%	66.7% #CFC583	RGB 207 197 131	#CFC583
83.3%	83.3% #DAD2A0	RGB 218 210 160	#DAD2A0
100.0%	100.0% #E5E0C0	RGB 229 224 192	#E5E0C0

#A59624 #AFA138 #BAAD4F #C5B968 #CFC583 #DAD2A0 #E5E0C0

#A59624 - #C5B968 - #E5E0C0

Códigos CSS

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

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