#5E5E5F - #9DB87B | 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 #5E5E5F a #9DB87B

#5E5E5F #9DB87B

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

#5E5E5F - #9DB87B | 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 #5E5E5F como 0% y #9DB87B como 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #686D63	RGB 104 109 99	#686D63
33.3%	33.3% #737C68	RGB 115 124 104	#737C68
50.0%	50.0% #7D8B6D	RGB 125 139 109	#7D8B6D
66.7%	66.7% #889A71	RGB 136 154 113	#889A71
83.3%	83.3% #92A976	RGB 146 169 118	#92A976
100.0%	100.0% #9DB87B	RGB 157 184 123	#9DB87B

#5E5E5F #686D63 #737C68 #7D8B6D #889A71 #92A976 #9DB87B

#5E5E5F - #9DB87B

Mezcla HSV

#5E5E5F - #9DB87B | 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 #5E5E5F como 0% y #9DB87B como 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #66696D	RGB 102 105 109	#66696D
33.3%	33.3% #6E7A7C	RGB 110 122 124	#6E7A7C
50.0%	50.0% #738B84	RGB 115 139 132	#738B84
66.7%	66.7% #779A81	RGB 119 154 129	#779A81
83.3%	83.3% #80A97A	RGB 128 169 122	#80A97A
100.0%	100.0% #9DB87B	RGB 157 184 123	#9DB87B

#5E5E5F #66696D #6E7A7C #738B84 #779A81 #80A97A #9DB87B

#5E5E5F - #738B84 - #9DB87B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E5F 0%, #738B84 50%, #9DB87B 100%);
    background: -webkit-linear-gradient(top, #5E5E5F 0%, #738B84 50%, #9DB87B 100%);
    background: linear-gradient(to bottom, #5E5E5F 0%, #738B84 50%, #9DB87B 100%);
}
</style>