#685B5E - #E3A57E | 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 #685B5E a #E3A57E

#685B5E #E3A57E

Calcule el color entre dos colores, #685B5E y #E3A57E. 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)

#685B5E - #E3A57E | 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 #685B5E como 0% y #E3A57E como 100%.

0.0%	0.0% #685B5E	RGB 104 91 94	#685B5E
16.7%	16.7% #7C6763	RGB 124 103 99	#7C6763
33.3%	33.3% #917368	RGB 145 115 104	#917368
50.0%	50.0% #A5806E	RGB 165 128 110	#A5806E
66.7%	66.7% #BA8C73	RGB 186 140 115	#BA8C73
83.3%	83.3% #CE9878	RGB 206 152 120	#CE9878
100.0%	100.0% #E3A57E	RGB 227 165 126	#E3A57E

#685B5E #7C6763 #917368 #A5806E #BA8C73 #CE9878 #E3A57E

#685B5E - #E3A57E

Mezcla HSV

#685B5E - #E3A57E | 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 #685B5E como 0% y #E3A57E como 100%.

0.0%	0.0% #685B5E	RGB 104 91 94	#685B5E
16.7%	16.7% #7C6669	RGB 124 102 105	#7C6669
33.3%	33.3% #916F70	RGB 145 111 112	#916F70
50.0%	50.0% #A57A76	RGB 165 122 118	#A57A76
66.7%	66.7% #BA867B	RGB 186 134 123	#BA867B
83.3%	83.3% #CE947D	RGB 206 148 125	#CE947D
100.0%	100.0% #E3A57E	RGB 227 165 126	#E3A57E

#685B5E #7C6669 #916F70 #A57A76 #BA867B #CE947D #E3A57E

#685B5E - #A57A76 - #E3A57E

Códigos CSS

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

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