#969E5A - #E1E3CF | 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 #969E5A a #E1E3CF

#969E5A #E1E3CF

Calcule el color entre dos colores, #969E5A y #E1E3CF. 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)

#969E5A - #E1E3CF | 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 #969E5A como 0% y #E1E3CF como 100%.

0.0%	0.0% #969E5A	RGB 150 158 90	#969E5A
16.7%	16.7% #A2A96D	RGB 162 169 109	#A2A96D
33.3%	33.3% #AFB581	RGB 175 181 129	#AFB581
50.0%	50.0% #BBC094	RGB 187 192 148	#BBC094
66.7%	66.7% #C8CCA8	RGB 200 204 168	#C8CCA8
83.3%	83.3% #D4D7BB	RGB 212 215 187	#D4D7BB
100.0%	100.0% #E1E3CF	RGB 225 227 207	#E1E3CF

#969E5A #A2A96D #AFB581 #BBC094 #C8CCA8 #D4D7BB #E1E3CF

#969E5A - #E1E3CF

Mezcla HSV

#969E5A - #E1E3CF | 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 #969E5A como 0% y #E1E3CF como 100%.

0.0%	0.0% #969E5A	RGB 150 158 90	#969E5A
16.7%	16.7% #A2A96A	RGB 162 169 106	#A2A96A
33.3%	33.3% #AEB57B	RGB 174 181 123	#AEB57B
50.0%	50.0% #BBC08E	RGB 187 192 142	#BBC08E
66.7%	66.7% #C7CCA2	RGB 199 204 162	#C7CCA2
83.3%	83.3% #D4D7B8	RGB 212 215 184	#D4D7B8
100.0%	100.0% #E1E3CF	RGB 225 227 207	#E1E3CF

#969E5A #A2A96A #AEB57B #BBC08E #C7CCA2 #D4D7B8 #E1E3CF

#969E5A - #BBC08E - #E1E3CF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #969E5A 0%, #BBC08E 50%, #E1E3CF 100%);
    background: -webkit-linear-gradient(top, #969E5A 0%, #BBC08E 50%, #E1E3CF 100%);
    background: linear-gradient(to bottom, #969E5A 0%, #BBC08E 50%, #E1E3CF 100%);
}
</style>