#5E665B - #C0AE7B | 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 #5E665B a #C0AE7B

#5E665B #C0AE7B

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

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

0.0%	0.0% #5E665B	RGB 94 102 91	#5E665B
16.7%	16.7% #6E7260	RGB 110 114 96	#6E7260
33.3%	33.3% #7E7E65	RGB 126 126 101	#7E7E65
50.0%	50.0% #8F8A6B	RGB 143 138 107	#8F8A6B
66.7%	66.7% #9F9670	RGB 159 150 112	#9F9670
83.3%	83.3% #AFA275	RGB 175 162 117	#AFA275
100.0%	100.0% #C0AE7B	RGB 192 174 123	#C0AE7B

#5E665B #6E7260 #7E7E65 #8F8A6B #9F9670 #AFA275 #C0AE7B

#5E665B - #C0AE7B

Mezcla HSV

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

0.0%	0.0% #5E665B	RGB 94 102 91	#5E665B
16.7%	16.7% #6B7563	RGB 107 117 99	#6B7563
33.3%	33.3% #79846A	RGB 121 132 106	#79846A
50.0%	50.0% #8A9370	RGB 138 147 112	#8A9370
66.7%	66.7% #9EA275	RGB 158 162 117	#9EA275
83.3%	83.3% #B1AB78	RGB 177 171 120	#B1AB78
100.0%	100.0% #C0AE7B	RGB 192 174 123	#C0AE7B

#5E665B #6B7563 #79846A #8A9370 #9EA275 #B1AB78 #C0AE7B

#5E665B - #8A9370 - #C0AE7B

Códigos CSS

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

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