#9C9DAA - #415462 | 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 #9C9DAA a #415462

#9C9DAA #415462

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

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

0.0%	0.0% #9C9DAA	RGB 156 157 170	#9C9DAA
16.7%	16.7% #8C909E	RGB 140 144 158	#8C909E
33.3%	33.3% #7D8492	RGB 125 132 146	#7D8492
50.0%	50.0% #6E7886	RGB 110 120 134	#6E7886
66.7%	66.7% #5F6C7A	RGB 95 108 122	#5F6C7A
83.3%	83.3% #50606E	RGB 80 96 110	#50606E
100.0%	100.0% #415462	RGB 65 84 98	#415462

#9C9DAA #8C909E #7D8492 #6E7886 #5F6C7A #50606E #415462

#9C9DAA - #415462

Mezcla HSV

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

0.0%	0.0% #9C9DAA	RGB 156 157 170	#9C9DAA
16.7%	16.7% #8A8D9E	RGB 138 141 158	#8A8D9E
33.3%	33.3% #797F92	RGB 121 127 146	#797F92
50.0%	50.0% #697386	RGB 105 115 134	#697386
66.7%	66.7% #5B677A	RGB 91 103 122	#5B677A
83.3%	83.3% #4D5D6E	RGB 77 93 110	#4D5D6E
100.0%	100.0% #415462	RGB 65 84 98	#415462

#9C9DAA #8A8D9E #797F92 #697386 #5B677A #4D5D6E #415462

#9C9DAA - #697386 - #415462

Códigos CSS

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

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