#AF52A8 - #32172F | 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 #AF52A8 a #32172F

#AF52A8 #32172F

Calcule el color entre dos colores, #AF52A8 y #32172F. 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)

#AF52A8 - #32172F | 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 #AF52A8 como 0% y #32172F como 100%.

0.0%	0.0% #AF52A8	RGB 175 82 168	#AF52A8
16.7%	16.7% #9A4893	RGB 154 72 147	#9A4893
33.3%	33.3% #853E7F	RGB 133 62 127	#853E7F
50.0%	50.0% #70346B	RGB 112 52 107	#70346B
66.7%	66.7% #5B2A57	RGB 91 42 87	#5B2A57
83.3%	83.3% #462043	RGB 70 32 67	#462043
100.0%	100.0% #32172F	RGB 50 23 47	#32172F

#AF52A8 #9A4893 #853E7F #70346B #5B2A57 #462043 #32172F

#AF52A8 - #32172F

Mezcla HSV

#AF52A8 - #32172F | 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 #AF52A8 como 0% y #32172F como 100%.

0.0%	0.0% #AF52A8	RGB 175 82 168	#AF52A8
16.7%	16.7% #9A4893	RGB 154 72 147	#9A4893
33.3%	33.3% #853E7F	RGB 133 62 127	#853E7F
50.0%	50.0% #70346A	RGB 112 52 106	#70346A
66.7%	66.7% #5B2A56	RGB 91 42 86	#5B2A56
83.3%	83.3% #462042	RGB 70 32 66	#462042
100.0%	100.0% #32172F	RGB 50 23 47	#32172F

#AF52A8 #9A4893 #853E7F #70346A #5B2A56 #462042 #32172F

#AF52A8 - #70346A - #32172F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF52A8 0%, #70346A 50%, #32172F 100%);
    background: -webkit-linear-gradient(top, #AF52A8 0%, #70346A 50%, #32172F 100%);
    background: linear-gradient(to bottom, #AF52A8 0%, #70346A 50%, #32172F 100%);
}
</style>