#9FA8AF - #565569 | 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 #9FA8AF a #565569

#9FA8AF #565569

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

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

0.0%	0.0% #9FA8AF	RGB 159 168 175	#9FA8AF
16.7%	16.7% #929AA3	RGB 146 154 163	#929AA3
33.3%	33.3% #868C97	RGB 134 140 151	#868C97
50.0%	50.0% #7A7E8C	RGB 122 126 140	#7A7E8C
66.7%	66.7% #6E7080	RGB 110 112 128	#6E7080
83.3%	83.3% #626274	RGB 98 98 116	#626274
100.0%	100.0% #565569	RGB 86 85 105	#565569

#9FA8AF #929AA3 #868C97 #7A7E8C #6E7080 #626274 #565569

#9FA8AF - #565569

Mezcla HSV

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

0.0%	0.0% #9FA8AF	RGB 159 168 175	#9FA8AF
16.7%	16.7% #9199A3	RGB 145 153 163	#9199A3
33.3%	33.3% #848B97	RGB 132 139 151	#848B97
50.0%	50.0% #787D8C	RGB 120 125 140	#787D8C
66.7%	66.7% #6C6F80	RGB 108 111 128	#6C6F80
83.3%	83.3% #606174	RGB 96 97 116	#606174
100.0%	100.0% #565569	RGB 86 85 105	#565569

#9FA8AF #9199A3 #848B97 #787D8C #6C6F80 #606174 #565569

#9FA8AF - #787D8C - #565569

Códigos CSS

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

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