#AF31DB - #320E3E | 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 #AF31DB a #320E3E

#AF31DB #320E3E

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

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

0.0%	0.0% #AF31DB	RGB 175 49 219	#AF31DB
16.7%	16.7% #9A2BC0	RGB 154 43 192	#9A2BC0
33.3%	33.3% #8525A6	RGB 133 37 166	#8525A6
50.0%	50.0% #701F8C	RGB 112 31 140	#701F8C
66.7%	66.7% #5B1972	RGB 91 25 114	#5B1972
83.3%	83.3% #461358	RGB 70 19 88	#461358
100.0%	100.0% #320E3E	RGB 50 14 62	#320E3E

#AF31DB #9A2BC0 #8525A6 #701F8C #5B1972 #461358 #320E3E

#AF31DB - #320E3E

Mezcla HSV

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

0.0%	0.0% #AE31DB	RGB 174 49 219	#AE31DB
16.7%	16.7% #9A2BC0	RGB 154 43 192	#9A2BC0
33.3%	33.3% #8525A6	RGB 133 37 166	#8525A6
50.0%	50.0% #701F8C	RGB 112 31 140	#701F8C
66.7%	66.7% #5B1972	RGB 91 25 114	#5B1972
83.3%	83.3% #461358	RGB 70 19 88	#461358
100.0%	100.0% #320E3E	RGB 50 14 62	#320E3E

#AE31DB #9A2BC0 #8525A6 #701F8C #5B1972 #461358 #320E3E

#AF31DB - #701F8C - #320E3E

Códigos CSS

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

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