#AA3ECE - #E6C7F1 | 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 #AA3ECE a #E6C7F1

#AA3ECE #E6C7F1

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

#AA3ECE - #E6C7F1 | 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 #AA3ECE come 0% e #E6C7F1 come 100%.

0.0%	0.0% #AA3ECE	RGB 170 62 206	#AA3ECE
16.7%	16.7% #B454D3	RGB 180 84 211	#B454D3
33.3%	33.3% #BE6BD9	RGB 190 107 217	#BE6BD9
50.0%	50.0% #C882DF	RGB 200 130 223	#C882DF
66.7%	66.7% #D299E5	RGB 210 153 229	#D299E5
83.3%	83.3% #DCB0EB	RGB 220 176 235	#DCB0EB
100.0%	100.0% #E6C7F1	RGB 230 199 241	#E6C7F1

#AA3ECE #B454D3 #BE6BD9 #C882DF #D299E5 #DCB0EB #E6C7F1

#AA3ECE - #E6C7F1

Miscela HSV

#AA3ECE - #E6C7F1 | 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 #AA3ECE come 0% e #E6C7F1 come 100%.

0.0%	0.0% #A93ECE	RGB 169 62 206	#A93ECE
16.7%	16.7% #B352D3	RGB 179 82 211	#B352D3
33.3%	33.3% #BC67D9	RGB 188 103 217	#BC67D9
50.0%	50.0% #C67DDF	RGB 198 125 223	#C67DDF
66.7%	66.7% #D095E5	RGB 208 149 229	#D095E5
83.3%	83.3% #DBADEB	RGB 219 173 235	#DBADEB
100.0%	100.0% #E6C7F1	RGB 230 199 241	#E6C7F1

#A93ECE #B352D3 #BC67D9 #C67DDF #D095E5 #DBADEB #E6C7F1

#AA3ECE - #C67DDF - #E6C7F1

Codici CSS

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

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