#9A978C - #E8C5A9 | 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 #9A978C a #E8C5A9

#9A978C #E8C5A9

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

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

0.0%	0.0% #9A978C	RGB 154 151 140	#9A978C
16.7%	16.7% #A79E90	RGB 167 158 144	#A79E90
33.3%	33.3% #B4A695	RGB 180 166 149	#B4A695
50.0%	50.0% #C1AE9A	RGB 193 174 154	#C1AE9A
66.7%	66.7% #CEB59F	RGB 206 181 159	#CEB59F
83.3%	83.3% #DBBDA4	RGB 219 189 164	#DBBDA4
100.0%	100.0% #E8C5A9	RGB 232 197 169	#E8C5A9

#9A978C #A79E90 #B4A695 #C1AE9A #CEB59F #DBBDA4 #E8C5A9

#9A978C - #E8C5A9

Mezcla HSV

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

0.0%	0.0% #9A978C	RGB 154 151 140	#9A978C
16.7%	16.7% #A7A192	RGB 167 161 146	#A7A192
33.3%	33.3% #B4AB98	RGB 180 171 152	#B4AB98
50.0%	50.0% #C1B39E	RGB 193 179 158	#C1B39E
66.7%	66.7% #CEBAA2	RGB 206 186 162	#CEBAA2
83.3%	83.3% #DBC0A6	RGB 219 192 166	#DBC0A6
100.0%	100.0% #E8C5A9	RGB 232 197 169	#E8C5A9

#9A978C #A7A192 #B4AB98 #C1B39E #CEBAA2 #DBC0A6 #E8C5A9

#9A978C - #C1B39E - #E8C5A9

Códigos CSS

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

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