#9A8C92 - #E8AAD9 | 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 #9A8C92 a #E8AAD9

#9A8C92 #E8AAD9

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

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

0.0%	0.0% #9A8C92	RGB 154 140 146	#9A8C92
16.7%	16.7% #A7919D	RGB 167 145 157	#A7919D
33.3%	33.3% #B496A9	RGB 180 150 169	#B496A9
50.0%	50.0% #C19BB5	RGB 193 155 181	#C19BB5
66.7%	66.7% #CEA0C1	RGB 206 160 193	#CEA0C1
83.3%	83.3% #DBA5CD	RGB 219 165 205	#DBA5CD
100.0%	100.0% #E8AAD9	RGB 232 170 217	#E8AAD9

#9A8C92 #A7919D #B496A9 #C19BB5 #CEA0C1 #DBA5CD #E8AAD9

#9A8C92 - #E8AAD9

Mezcla HSV

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

0.0%	0.0% #9A8C92	RGB 154 140 146	#9A8C92
16.7%	16.7% #A7929C	RGB 167 146 156	#A7929C
33.3%	33.3% #B499A7	RGB 180 153 167	#B499A7
50.0%	50.0% #C19EB2	RGB 193 158 178	#C19EB2
66.7%	66.7% #CEA3BE	RGB 206 163 190	#CEA3BE
83.3%	83.3% #DBA6CB	RGB 219 166 203	#DBA6CB
100.0%	100.0% #E8AAD9	RGB 232 170 217	#E8AAD9

#9A8C92 #A7929C #B499A7 #C19EB2 #CEA3BE #DBA6CB #E8AAD9

#9A8C92 - #C19EB2 - #E8AAD9

Códigos CSS

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

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