#963C92 - #A1AAD6 | 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 #963C92 a #A1AAD6

#963C92 #A1AAD6

Calcule el color entre dos colores, #963C92 y #A1AAD6. 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)

#963C92 - #A1AAD6 | 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 #963C92 como 0% y #A1AAD6 como 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #974E9D	RGB 151 78 157	#974E9D
33.3%	33.3% #9960A8	RGB 153 96 168	#9960A8
50.0%	50.0% #9B73B4	RGB 155 115 180	#9B73B4
66.7%	66.7% #9D85BF	RGB 157 133 191	#9D85BF
83.3%	83.3% #9F97CA	RGB 159 151 202	#9F97CA
100.0%	100.0% #A1AAD6	RGB 161 170 214	#A1AAD6

#963C92 #974E9D #9960A8 #9B73B4 #9D85BF #9F97CA #A1AAD6

#963C92 - #A1AAD6

Mezcla HSV

#963C92 - #A1AAD6 | 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 #963C92 como 0% y #A1AAD6 como 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #9249A0	RGB 146 73 160	#9249A0
33.3%	33.3% #8D58AB	RGB 141 88 171	#8D58AB
50.0%	50.0% #8A68B6	RGB 138 104 182	#8A68B6
66.7%	66.7% #8A7AC0	RGB 138 122 192	#8A7AC0
83.3%	83.3% #8F8DCB	RGB 143 141 203	#8F8DCB
100.0%	100.0% #A1AAD6	RGB 161 170 214	#A1AAD6

#963C92 #9249A0 #8D58AB #8A68B6 #8A7AC0 #8F8DCB #A1AAD6

#963C92 - #8A68B6 - #A1AAD6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963C92 0%, #8A68B6 50%, #A1AAD6 100%);
    background: -webkit-linear-gradient(top, #963C92 0%, #8A68B6 50%, #A1AAD6 100%);
    background: linear-gradient(to bottom, #963C92 0%, #8A68B6 50%, #A1AAD6 100%);
}
</style>