#949A8C - #E5E8AA | 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 #949A8C a #E5E8AA

#949A8C #E5E8AA

Calcule el color entre dos colores, #949A8C y #E5E8AA. 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)

#949A8C - #E5E8AA | 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 #949A8C como 0% y #E5E8AA como 100%.

0.0%	0.0% #949A8C	RGB 148 154 140	#949A8C
16.7%	16.7% #A1A791	RGB 161 167 145	#A1A791
33.3%	33.3% #AFB496	RGB 175 180 150	#AFB496
50.0%	50.0% #BCC19B	RGB 188 193 155	#BCC19B
66.7%	66.7% #CACEA0	RGB 202 206 160	#CACEA0
83.3%	83.3% #D7DBA5	RGB 215 219 165	#D7DBA5
100.0%	100.0% #E5E8AA	RGB 229 232 170	#E5E8AA

#949A8C #A1A791 #AFB496 #BCC19B #CACEA0 #D7DBA5 #E5E8AA

#949A8C - #E5E8AA

Mezcla HSV

#949A8C - #E5E8AA | 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 #949A8C como 0% y #E5E8AA como 100%.

0.0%	0.0% #949A8C	RGB 148 154 140	#949A8C
16.7%	16.7% #9FA792	RGB 159 167 146	#9FA792
33.3%	33.3% #ABB499	RGB 171 180 153	#ABB499
50.0%	50.0% #B8C19E	RGB 184 193 158	#B8C19E
66.7%	66.7% #C6CEA3	RGB 198 206 163	#C6CEA3
83.3%	83.3% #D5DBA6	RGB 213 219 166	#D5DBA6
100.0%	100.0% #E5E8AA	RGB 229 232 170	#E5E8AA

#949A8C #9FA792 #ABB499 #B8C19E #C6CEA3 #D5DBA6 #E5E8AA

#949A8C - #B8C19E - #E5E8AA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #949A8C 0%, #B8C19E 50%, #E5E8AA 100%);
    background: -webkit-linear-gradient(top, #949A8C 0%, #B8C19E 50%, #E5E8AA 100%);
    background: linear-gradient(to bottom, #949A8C 0%, #B8C19E 50%, #E5E8AA 100%);
}
</style>