#AA5E9C - #760949 | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #AA5E9C a #760949

#AA5E9C #760949

Calcola il colore tra due colori, #AA5E9C e #760949. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#AA5E9C - #760949 | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #AA5E9C come 0% e #760949 come 100%.

0.0%	0.0% #AA5E9C	RGB 170 94 156	#AA5E9C
16.7%	16.7% #A14F8E	RGB 161 79 142	#A14F8E
33.3%	33.3% #984180	RGB 152 65 128	#984180
50.0%	50.0% #903372	RGB 144 51 114	#903372
66.7%	66.7% #872564	RGB 135 37 100	#872564
83.3%	83.3% #7E1756	RGB 126 23 86	#7E1756
100.0%	100.0% #760949	RGB 118 9 73	#760949

#AA5E9C #A14F8E #984180 #903372 #872564 #7E1756 #760949

#AA5E9C - #760949

Miscela HSV

#AA5E9C - #760949 | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #AA5E9C come 0% e #760949 come 100%.

0.0%	0.0% #AA5E9C	RGB 170 94 156	#AA5E9C
16.7%	16.7% #A14C8E	RGB 161 76 142	#A14C8E
33.3%	33.3% #983C80	RGB 152 60 128	#983C80
50.0%	50.0% #902D72	RGB 144 45 114	#902D72
66.7%	66.7% #871F64	RGB 135 31 100	#871F64
83.3%	83.3% #7E1356	RGB 126 19 86	#7E1356
100.0%	100.0% #760949	RGB 118 9 73	#760949

#AA5E9C #A14C8E #983C80 #902D72 #871F64 #7E1356 #760949

#AA5E9C - #902D72 - #760949

Codici CSS

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

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