#9BA0A1 - #E5D2B9 | 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 #9BA0A1 a #E5D2B9

#9BA0A1 #E5D2B9

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

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

0.0%	0.0% #9BA0A1	RGB 155 160 161	#9BA0A1
16.7%	16.7% #A7A8A5	RGB 167 168 165	#A7A8A5
33.3%	33.3% #B3B0A9	RGB 179 176 169	#B3B0A9
50.0%	50.0% #C0B9AD	RGB 192 185 173	#C0B9AD
66.7%	66.7% #CCC1B1	RGB 204 193 177	#CCC1B1
83.3%	83.3% #D8C9B5	RGB 216 201 181	#D8C9B5
100.0%	100.0% #E5D2B9	RGB 229 210 185	#E5D2B9

#9BA0A1 #A7A8A5 #B3B0A9 #C0B9AD #CCC1B1 #D8C9B5 #E5D2B9

#9BA0A1 - #E5D2B9

Mezcla HSV

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

0.0%	0.0% #9BA0A1	RGB 155 160 161	#9BA0A1
16.7%	16.7% #A1ACA9	RGB 161 172 169	#A1ACA9
33.3%	33.3% #A7B7AC	RGB 167 183 172	#A7B7AC
50.0%	50.0% #AFC3AC	RGB 175 195 172	#AFC3AC
66.7%	66.7% #C1CEB1	RGB 193 206 177	#C1CEB1
83.3%	83.3% #D9D9B5	RGB 217 217 181	#D9D9B5
100.0%	100.0% #E5D2B9	RGB 229 210 185	#E5D2B9

#9BA0A1 #A1ACA9 #A7B7AC #AFC3AC #C1CEB1 #D9D9B5 #E5D2B9

#9BA0A1 - #AFC3AC - #E5D2B9

Códigos CSS

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

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