#949683 - #E8D5A2 | 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 #949683 a #E8D5A2

#949683 #E8D5A2

Calcule el color entre dos colores, #949683 y #E8D5A2. 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)

#949683 - #E8D5A2 | 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 #949683 como 0% y #E8D5A2 como 100%.

0.0%	0.0% #949683	RGB 148 150 131	#949683
16.7%	16.7% #A2A088	RGB 162 160 136	#A2A088
33.3%	33.3% #B0AB8D	RGB 176 171 141	#B0AB8D
50.0%	50.0% #BEB592	RGB 190 181 146	#BEB592
66.7%	66.7% #CCC097	RGB 204 192 151	#CCC097
83.3%	83.3% #DACA9C	RGB 218 202 156	#DACA9C
100.0%	100.0% #E8D5A2	RGB 232 213 162	#E8D5A2

#949683 #A2A088 #B0AB8D #BEB592 #CCC097 #DACA9C #E8D5A2

#949683 - #E8D5A2

Mezcla HSV

#949683 - #E8D5A2 | 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 #949683 como 0% y #E8D5A2 como 100%.

0.0%	0.0% #949683	RGB 148 150 131	#949683
16.7%	16.7% #A2A38A	RGB 162 163 138	#A2A38A
33.3%	33.3% #B1B090	RGB 177 176 144	#B1B090
50.0%	50.0% #BFBB96	RGB 191 187 150	#BFBB96
66.7%	66.7% #CCC59A	RGB 204 197 154	#CCC59A
83.3%	83.3% #DACD9E	RGB 218 205 158	#DACD9E
100.0%	100.0% #E8D5A2	RGB 232 213 162	#E8D5A2

#949683 #A2A38A #B1B090 #BFBB96 #CCC59A #DACD9E #E8D5A2

#949683 - #BFBB96 - #E8D5A2

Códigos CSS

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

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