#9C9D98 - #E5DAB2 | 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 #9C9D98 a #E5DAB2

#9C9D98 #E5DAB2

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

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

0.0%	0.0% #9C9D98	RGB 156 157 152	#9C9D98
16.7%	16.7% #A8A79C	RGB 168 167 156	#A8A79C
33.3%	33.3% #B4B1A0	RGB 180 177 160	#B4B1A0
50.0%	50.0% #C0BBA5	RGB 192 187 165	#C0BBA5
66.7%	66.7% #CCC5A9	RGB 204 197 169	#CCC5A9
83.3%	83.3% #D8CFAD	RGB 216 207 173	#D8CFAD
100.0%	100.0% #E5DAB2	RGB 229 218 178	#E5DAB2

#9C9D98 #A8A79C #B4B1A0 #C0BBA5 #CCC5A9 #D8CFAD #E5DAB2

#9C9D98 - #E5DAB2

Mezcla HSV

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

0.0%	0.0% #9C9D98	RGB 156 157 152	#9C9D98
16.7%	16.7% #A7A99E	RGB 167 169 158	#A7A99E
33.3%	33.3% #B3B5A3	RGB 179 181 163	#B3B5A3
50.0%	50.0% #C1C0A8	RGB 193 192 168	#C1C0A8
66.7%	66.7% #CDCAAC	RGB 205 202 172	#CDCAAC
83.3%	83.3% #D9D2AF	RGB 217 210 175	#D9D2AF
100.0%	100.0% #E5DAB2	RGB 229 218 178	#E5DAB2

#9C9D98 #A7A99E #B3B5A3 #C1C0A8 #CDCAAC #D9D2AF #E5DAB2

#9C9D98 - #C1C0A8 - #E5DAB2

Códigos CSS

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

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