#A000A1 - #5A006F | 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 #A000A1 a #5A006F

#A000A1 #5A006F

Calcule el color entre dos colores, #A000A1 y #5A006F. 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)

#A000A1 - #5A006F | 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 #A000A1 como 0% y #5A006F como 100%.

0.0%	0.0% #A000A1	RGB 160 0 161	#A000A1
16.7%	16.7% #940098	RGB 148 0 152	#940098
33.3%	33.3% #880090	RGB 136 0 144	#880090
50.0%	50.0% #7D0088	RGB 125 0 136	#7D0088
66.7%	66.7% #71007F	RGB 113 0 127	#71007F
83.3%	83.3% #650077	RGB 101 0 119	#650077
100.0%	100.0% #5A006F	RGB 90 0 111	#5A006F

#A000A1 #940098 #880090 #7D0088 #71007F #650077 #5A006F

#A000A1 - #5A006F

Mezcla HSV

#A000A1 - #5A006F | 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 #A000A1 como 0% y #5A006F como 100%.

0.0%	0.0% #A000A1	RGB 160 0 161	#A000A1
16.7%	16.7% #930098	RGB 147 0 152	#930098
33.3%	33.3% #860090	RGB 134 0 144	#860090
50.0%	50.0% #7A0088	RGB 122 0 136	#7A0088
66.7%	66.7% #6F007F	RGB 111 0 127	#6F007F
83.3%	83.3% #640077	RGB 100 0 119	#640077
100.0%	100.0% #5A006F	RGB 90 0 111	#5A006F

#A000A1 #930098 #860090 #7A0088 #6F007F #640077 #5A006F

#A000A1 - #7A0088 - #5A006F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A000A1 0%, #7A0088 50%, #5A006F 100%);
    background: -webkit-linear-gradient(top, #A000A1 0%, #7A0088 50%, #5A006F 100%);
    background: linear-gradient(to bottom, #A000A1 0%, #7A0088 50%, #5A006F 100%);
}
</style>