#AF00AE - #6E007E | 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 #AF00AE a #6E007E

#AF00AE #6E007E

Calcule el color entre dos colores, #AF00AE y #6E007E. 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)

#AF00AE - #6E007E | 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 #AF00AE como 0% y #6E007E como 100%.

0.0%	0.0% #AF00AE	RGB 175 0 174	#AF00AE
16.7%	16.7% #A400A6	RGB 164 0 166	#A400A6
33.3%	33.3% #99009E	RGB 153 0 158	#99009E
50.0%	50.0% #8E0096	RGB 142 0 150	#8E0096
66.7%	66.7% #83008E	RGB 131 0 142	#83008E
83.3%	83.3% #780086	RGB 120 0 134	#780086
100.0%	100.0% #6E007E	RGB 110 0 126	#6E007E

#AF00AE #A400A6 #99009E #8E0096 #83008E #780086 #6E007E

#AF00AE - #6E007E

Mezcla HSV

#AF00AE - #6E007E | 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 #AF00AE como 0% y #6E007E como 100%.

0.0%	0.0% #AF00AD	RGB 175 0 173	#AF00AD
16.7%	16.7% #A400A6	RGB 164 0 166	#A400A6
33.3%	33.3% #98009E	RGB 152 0 158	#98009E
50.0%	50.0% #8D0096	RGB 141 0 150	#8D0096
66.7%	66.7% #82008E	RGB 130 0 142	#82008E
83.3%	83.3% #780086	RGB 120 0 134	#780086
100.0%	100.0% #6E007E	RGB 110 0 126	#6E007E

#AF00AD #A400A6 #98009E #8D0096 #82008E #780086 #6E007E

#AF00AE - #8D0096 - #6E007E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF00AD 0%, #8D0096 50%, #6E007E 100%);
    background: -webkit-linear-gradient(top, #AF00AD 0%, #8D0096 50%, #6E007E 100%);
    background: linear-gradient(to bottom, #AF00AD 0%, #8D0096 50%, #6E007E 100%);
}
</style>