#AF2CB0 - #320C32 | 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 #AF2CB0 a #320C32

#AF2CB0 #320C32

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

#AF2CB0 - #320C32 | 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 #AF2CB0 como 0% y #320C32 como 100%.

0.0%	0.0% #AF2CB0	RGB 175 44 176	#AF2CB0
16.7%	16.7% #9A269B	RGB 154 38 155	#9A269B
33.3%	33.3% #852186	RGB 133 33 134	#852186
50.0%	50.0% #701C71	RGB 112 28 113	#701C71
66.7%	66.7% #5B165C	RGB 91 22 92	#5B165C
83.3%	83.3% #461147	RGB 70 17 71	#461147
100.0%	100.0% #320C32	RGB 50 12 50	#320C32

#AF2CB0 #9A269B #852186 #701C71 #5B165C #461147 #320C32

#AF2CB0 - #320C32

Mezcla HSV

#AF2CB0 - #320C32 | 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 #AF2CB0 como 0% y #320C32 como 100%.

0.0%	0.0% #AF2CB0	RGB 175 44 176	#AF2CB0
16.7%	16.7% #9A269B	RGB 154 38 155	#9A269B
33.3%	33.3% #852186	RGB 133 33 134	#852186
50.0%	50.0% #701B71	RGB 112 27 113	#701B71
66.7%	66.7% #5B165C	RGB 91 22 92	#5B165C
83.3%	83.3% #461147	RGB 70 17 71	#461147
100.0%	100.0% #320C32	RGB 50 12 50	#320C32

#AF2CB0 #9A269B #852186 #701B71 #5B165C #461147 #320C32

#AF2CB0 - #701B71 - #320C32

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF2CB0 0%, #701B71 50%, #320C32 100%);
    background: -webkit-linear-gradient(top, #AF2CB0 0%, #701B71 50%, #320C32 100%);
    background: linear-gradient(to bottom, #AF2CB0 0%, #701B71 50%, #320C32 100%);
}
</style>