#5E5E66 - #B7BD89 | 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 #5E5E66 a #B7BD89

#5E5E66 #B7BD89

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

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

0.0%	0.0% #5E5E66	RGB 94 94 102	#5E5E66
16.7%	16.7% #6C6D6B	RGB 108 109 107	#6C6D6B
33.3%	33.3% #7B7D71	RGB 123 125 113	#7B7D71
50.0%	50.0% #8A8D77	RGB 138 141 119	#8A8D77
66.7%	66.7% #999D7D	RGB 153 157 125	#999D7D
83.3%	83.3% #A8AD83	RGB 168 173 131	#A8AD83
100.0%	100.0% #B7BD89	RGB 183 189 137	#B7BD89

#5E5E66 #6C6D6B #7B7D71 #8A8D77 #999D7D #A8AD83 #B7BD89

#5E5E66 - #B7BD89

Mezcla HSV

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

0.0%	0.0% #5E5E66	RGB 94 94 102	#5E5E66
16.7%	16.7% #676D74	RGB 103 109 116	#676D74
33.3%	33.3% #708283	RGB 112 130 131	#708283
50.0%	50.0% #779186	RGB 119 145 134	#779186
66.7%	66.7% #7EA081	RGB 126 160 129	#7EA081
83.3%	83.3% #95AE84	RGB 149 174 132	#95AE84
100.0%	100.0% #B7BD89	RGB 183 189 137	#B7BD89

#5E5E66 #676D74 #708283 #779186 #7EA081 #95AE84 #B7BD89

#5E5E66 - #779186 - #B7BD89

Códigos CSS

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

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