#AA216B - #E6BFD4 | 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 #AA216B a #E6BFD4

#AA216B #E6BFD4

Calcola il colore tra due colori, #AA216B e #E6BFD4. 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)

#AA216B - #E6BFD4 | 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 #AA216B come 0% e #E6BFD4 come 100%.

0.0%	0.0% #AA216B	RGB 170 33 107	#AA216B
16.7%	16.7% #B43B7C	RGB 180 59 124	#B43B7C
33.3%	33.3% #BE558E	RGB 190 85 142	#BE558E
50.0%	50.0% #C8709F	RGB 200 112 159	#C8709F
66.7%	66.7% #D28AB1	RGB 210 138 177	#D28AB1
83.3%	83.3% #DCA4C2	RGB 220 164 194	#DCA4C2
100.0%	100.0% #E6BFD4	RGB 230 191 212	#E6BFD4

#AA216B #B43B7C #BE558E #C8709F #D28AB1 #DCA4C2 #E6BFD4

#AA216B - #E6BFD4

Miscela HSV

#AA216B - #E6BFD4 | 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 #AA216B come 0% e #E6BFD4 come 100%.

0.0%	0.0% #AA216B	RGB 170 33 107	#AA216B
16.7%	16.7% #B4367A	RGB 180 54 122	#B4367A
33.3%	33.3% #BE4D8A	RGB 190 77 138	#BE4D8A
50.0%	50.0% #C8669B	RGB 200 102 155	#C8669B
66.7%	66.7% #D281AD	RGB 210 129 173	#D281AD
83.3%	83.3% #DC9FC0	RGB 220 159 192	#DC9FC0
100.0%	100.0% #E6BFD4	RGB 230 191 212	#E6BFD4

#AA216B #B4367A #BE4D8A #C8669B #D281AD #DC9FC0 #E6BFD4

#AA216B - #C8669B - #E6BFD4

Codici CSS

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

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