#9A8EB6 - #533368 | 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 #9A8EB6 a #533368

#9A8EB6 #533368

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

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

0.0%	0.0% #9A8EB6	RGB 154 142 182	#9A8EB6
16.7%	16.7% #8E7EA9	RGB 142 126 169	#8E7EA9
33.3%	33.3% #826F9C	RGB 130 111 156	#826F9C
50.0%	50.0% #76608F	RGB 118 96 143	#76608F
66.7%	66.7% #6A5182	RGB 106 81 130	#6A5182
83.3%	83.3% #5E4275	RGB 94 66 117	#5E4275
100.0%	100.0% #533368	RGB 83 51 104	#533368

#9A8EB6 #8E7EA9 #826F9C #76608F #6A5182 #5E4275 #533368

#9A8EB6 - #533368

Mezcla HSV

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

0.0%	0.0% #9A8EB6	RGB 154 142 182	#9A8EB6
16.7%	16.7% #8B7BA9	RGB 139 123 169	#8B7BA9
33.3%	33.3% #7E6A9C	RGB 126 106 156	#7E6A9C
50.0%	50.0% #725A8F	RGB 114 90 143	#725A8F
66.7%	66.7% #674C82	RGB 103 76 130	#674C82
83.3%	83.3% #5C3F75	RGB 92 63 117	#5C3F75
100.0%	100.0% #533368	RGB 83 51 104	#533368

#9A8EB6 #8B7BA9 #7E6A9C #725A8F #674C82 #5C3F75 #533368

#9A8EB6 - #725A8F - #533368

Códigos CSS

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

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