#9A9E95 - #E5D9AC | 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 #9A9E95 a #E5D9AC

#9A9E95 #E5D9AC

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

#9A9E95 - #E5D9AC | 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 #9A9E95 como 0% y #E5D9AC como 100%.

0.0%	0.0% #9A9E95	RGB 154 158 149	#9A9E95
16.7%	16.7% #A6A798	RGB 166 167 152	#A6A798
33.3%	33.3% #B3B19C	RGB 179 177 156	#B3B19C
50.0%	50.0% #BFBBA0	RGB 191 187 160	#BFBBA0
66.7%	66.7% #CCC5A4	RGB 204 197 164	#CCC5A4
83.3%	83.3% #D8CFA8	RGB 216 207 168	#D8CFA8
100.0%	100.0% #E5D9AC	RGB 229 217 172	#E5D9AC

#9A9E95 #A6A798 #B3B19C #BFBBA0 #CCC5A4 #D8CFA8 #E5D9AC

#9A9E95 - #E5D9AC

Mezcla HSV

#9A9E95 - #E5D9AC | 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 #9A9E95 como 0% y #E5D9AC como 100%.

0.0%	0.0% #9A9E95	RGB 154 158 149	#9A9E95
16.7%	16.7% #A4A99A	RGB 164 169 154	#A4A99A
33.3%	33.3% #B0B59F	RGB 176 181 159	#B0B59F
50.0%	50.0% #BEC1A3	RGB 190 193 163	#BEC1A3
66.7%	66.7% #CDCDA7	RGB 205 205 167	#CDCDA7
83.3%	83.3% #D9D4AA	RGB 217 212 170	#D9D4AA
100.0%	100.0% #E5D9AC	RGB 229 217 172	#E5D9AC

#9A9E95 #A4A99A #B0B59F #BEC1A3 #CDCDA7 #D9D4AA #E5D9AC

#9A9E95 - #BEC1A3 - #E5D9AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A9E95 0%, #BEC1A3 50%, #E5D9AC 100%);
    background: -webkit-linear-gradient(top, #9A9E95 0%, #BEC1A3 50%, #E5D9AC 100%);
    background: linear-gradient(to bottom, #9A9E95 0%, #BEC1A3 50%, #E5D9AC 100%);
}
</style>