#5E685D - #C0AF7B | 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 #5E685D a #C0AF7B

#5E685D #C0AF7B

Calcule el color entre dos colores, #5E685D y #C0AF7B. 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)

#5E685D - #C0AF7B | 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 #5E685D como 0% y #C0AF7B como 100%.

0.0%	0.0% #5E685D	RGB 94 104 93	#5E685D
16.7%	16.7% #6E7362	RGB 110 115 98	#6E7362
33.3%	33.3% #7E7F67	RGB 126 127 103	#7E7F67
50.0%	50.0% #8F8B6C	RGB 143 139 108	#8F8B6C
66.7%	66.7% #9F9771	RGB 159 151 113	#9F9771
83.3%	83.3% #AFA376	RGB 175 163 118	#AFA376
100.0%	100.0% #C0AF7B	RGB 192 175 123	#C0AF7B

#5E685D #6E7362 #7E7F67 #8F8B6C #9F9771 #AFA376 #C0AF7B

#5E685D - #C0AF7B

Mezcla HSV

#5E685D - #C0AF7B | 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 #5E685D como 0% y #C0AF7B como 100%.

0.0%	0.0% #5E685D	RGB 94 104 93	#5E685D
16.7%	16.7% #6A7665	RGB 106 118 101	#6A7665
33.3%	33.3% #78856B	RGB 120 133 107	#78856B
50.0%	50.0% #889471	RGB 136 148 113	#889471
66.7%	66.7% #9CA275	RGB 156 162 117	#9CA275
83.3%	83.3% #B1AE79	RGB 177 174 121	#B1AE79
100.0%	100.0% #C0AF7B	RGB 192 175 123	#C0AF7B

#5E685D #6A7665 #78856B #889471 #9CA275 #B1AE79 #C0AF7B

#5E685D - #889471 - #C0AF7B

Códigos CSS

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

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