#5E67AB - #AC7EFB | 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 #5E67AB a #AC7EFB

#5E67AB #AC7EFB

Calcola il colore tra due colori, #5E67AB e #AC7EFB. 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)

#5E67AB - #AC7EFB | 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 #5E67AB come 0% e #AC7EFB come 100%.

0.0%	0.0% #5E67AB	RGB 94 103 171	#5E67AB
16.7%	16.7% #6B6AB8	RGB 107 106 184	#6B6AB8
33.3%	33.3% #786EC5	RGB 120 110 197	#786EC5
50.0%	50.0% #8572D3	RGB 133 114 211	#8572D3
66.7%	66.7% #9276E0	RGB 146 118 224	#9276E0
83.3%	83.3% #9F7AED	RGB 159 122 237	#9F7AED
100.0%	100.0% #AC7EFB	RGB 172 126 251	#AC7EFB

#5E67AB #6B6AB8 #786EC5 #8572D3 #9276E0 #9F7AED #AC7EFB

#5E67AB - #AC7EFB

Miscela HSV

#5E67AB - #AC7EFB | 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 #5E67AB come 0% e #AC7EFB come 100%.

0.0%	0.0% #5E66AB	RGB 94 102 171	#5E66AB
16.7%	16.7% #6366B8	RGB 99 102 184	#6366B8
33.3%	33.3% #6D69C5	RGB 109 105 197	#6D69C5
50.0%	50.0% #7B6ED3	RGB 123 110 211	#7B6ED3
66.7%	66.7% #8A74E0	RGB 138 116 224	#8A74E0
83.3%	83.3% #9A79ED	RGB 154 121 237	#9A79ED
100.0%	100.0% #AC7EFB	RGB 172 126 251	#AC7EFB

#5E66AB #6366B8 #6D69C5 #7B6ED3 #8A74E0 #9A79ED #AC7EFB

#5E67AB - #7B6ED3 - #AC7EFB

Codici CSS

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

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