#9FADAF - #555A69 | 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 #9FADAF a #555A69

#9FADAF #555A69

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

#9FADAF - #555A69 | 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 #9FADAF como 0% y #555A69 como 100%.

0.0%	0.0% #9FADAF	RGB 159 173 175	#9FADAF
16.7%	16.7% #929FA3	RGB 146 159 163	#929FA3
33.3%	33.3% #869197	RGB 134 145 151	#869197
50.0%	50.0% #7A838C	RGB 122 131 140	#7A838C
66.7%	66.7% #6D7580	RGB 109 117 128	#6D7580
83.3%	83.3% #616774	RGB 97 103 116	#616774
100.0%	100.0% #555A69	RGB 85 90 105	#555A69

#9FADAF #929FA3 #869197 #7A838C #6D7580 #616774 #555A69

#9FADAF - #555A69

Mezcla HSV

#9FADAF - #555A69 | 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 #9FADAF como 0% y #555A69 como 100%.

0.0%	0.0% #9FADAF	RGB 159 173 175	#9FADAF
16.7%	16.7% #919FA3	RGB 145 159 163	#919FA3
33.3%	33.3% #849197	RGB 132 145 151	#849197
50.0%	50.0% #78838C	RGB 120 131 140	#78838C
66.7%	66.7% #6C7580	RGB 108 117 128	#6C7580
83.3%	83.3% #606774	RGB 96 103 116	#606774
100.0%	100.0% #555A69	RGB 85 90 105	#555A69

#9FADAF #919FA3 #849197 #78838C #6C7580 #606774 #555A69

#9FADAF - #78838C - #555A69

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FADAF 0%, #78838C 50%, #555A69 100%);
    background: -webkit-linear-gradient(top, #9FADAF 0%, #78838C 50%, #555A69 100%);
    background: linear-gradient(to bottom, #9FADAF 0%, #78838C 50%, #555A69 100%);
}
</style>