#965EAF - #320B5E | 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 #965EAF a #320B5E

#965EAF #320B5E

Calcule el color entre dos colores, #965EAF y #320B5E. 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)

#965EAF - #320B5E | 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 #965EAF como 0% y #320B5E como 100%.

0.0%	0.0% #965EAF	RGB 150 94 175	#965EAF
16.7%	16.7% #8550A1	RGB 133 80 161	#8550A1
33.3%	33.3% #744294	RGB 116 66 148	#744294
50.0%	50.0% #643486	RGB 100 52 134	#643486
66.7%	66.7% #532679	RGB 83 38 121	#532679
83.3%	83.3% #42186B	RGB 66 24 107	#42186B
100.0%	100.0% #320B5E	RGB 50 11 94	#320B5E

#965EAF #8550A1 #744294 #643486 #532679 #42186B #320B5E

#965EAF - #320B5E

Mezcla HSV

#965EAF - #320B5E | 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 #965EAF como 0% y #320B5E como 100%.

0.0%	0.0% #965EAF	RGB 150 94 175	#965EAF
16.7%	16.7% #834BA1	RGB 131 75 161	#834BA1
33.3%	33.3% #713A94	RGB 113 58 148	#713A94
50.0%	50.0% #602B86	RGB 96 43 134	#602B86
66.7%	66.7% #4F1F79	RGB 79 31 121	#4F1F79
83.3%	83.3% #40146B	RGB 64 20 107	#40146B
100.0%	100.0% #320B5E	RGB 50 11 94	#320B5E

#965EAF #834BA1 #713A94 #602B86 #4F1F79 #40146B #320B5E

#965EAF - #602B86 - #320B5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #965EAF 0%, #602B86 50%, #320B5E 100%);
    background: -webkit-linear-gradient(top, #965EAF 0%, #602B86 50%, #320B5E 100%);
    background: linear-gradient(to bottom, #965EAF 0%, #602B86 50%, #320B5E 100%);
}
</style>