#A100A8 - #FA59C4 | 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 #A100A8 a #FA59C4

#A100A8 #FA59C4

Calcule el color entre dos colores, #A100A8 y #FA59C4. 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)

#A100A8 - #FA59C4 | 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 #A100A8 como 0% y #FA59C4 como 100%.

0.0%	0.0% #A100A8	RGB 161 0 168	#A100A8
16.7%	16.7% #AF0EAC	RGB 175 14 172	#AF0EAC
33.3%	33.3% #BE1DB1	RGB 190 29 177	#BE1DB1
50.0%	50.0% #CD2CB6	RGB 205 44 182	#CD2CB6
66.7%	66.7% #DC3BBA	RGB 220 59 186	#DC3BBA
83.3%	83.3% #EB4ABF	RGB 235 74 191	#EB4ABF
100.0%	100.0% #FA59C4	RGB 250 89 196	#FA59C4

#A100A8 #AF0EAC #BE1DB1 #CD2CB6 #DC3BBA #EB4ABF #FA59C4

#A100A8 - #FA59C4

Mezcla HSV

#A100A8 - #FA59C4 | 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 #A100A8 como 0% y #FA59C4 como 100%.

0.0%	0.0% #A100A8	RGB 161 0 168	#A100A8
16.7%	16.7% #B50AB2	RGB 181 10 178	#B50AB2
33.3%	33.3% #C317B4	RGB 195 23 180	#C317B4
50.0%	50.0% #D125B7	RGB 209 37 183	#D125B7
66.7%	66.7% #DE34BB	RGB 222 52 187	#DE34BB
83.3%	83.3% #EC46BF	RGB 236 70 191	#EC46BF
100.0%	100.0% #FA59C4	RGB 250 89 196	#FA59C4

#A100A8 #B50AB2 #C317B4 #D125B7 #DE34BB #EC46BF #FA59C4

#A100A8 - #D125B7 - #FA59C4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A100A8 0%, #D125B7 50%, #FA59C4 100%);
    background: -webkit-linear-gradient(top, #A100A8 0%, #D125B7 50%, #FA59C4 100%);
    background: linear-gradient(to bottom, #A100A8 0%, #D125B7 50%, #FA59C4 100%);
}
</style>