#5E8C6B - #AB9DF2 | 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 #5E8C6B a #AB9DF2

#5E8C6B #AB9DF2

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

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

0.0%	0.0% #5E8C6B	RGB 94 140 107	#5E8C6B
16.7%	16.7% #6A8E81	RGB 106 142 129	#6A8E81
33.3%	33.3% #779198	RGB 119 145 152	#779198
50.0%	50.0% #8494AE	RGB 132 148 174	#8494AE
66.7%	66.7% #9197C5	RGB 145 151 197	#9197C5
83.3%	83.3% #9E9ADB	RGB 158 154 219	#9E9ADB
100.0%	100.0% #AB9DF2	RGB 171 157 242	#AB9DF2

#5E8C6B #6A8E81 #779198 #8494AE #9197C5 #9E9ADB #AB9DF2

#5E8C6B - #AB9DF2

Miscela HSV

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

0.0%	0.0% #5E8C6B	RGB 94 140 107	#5E8C6B
16.7%	16.7% #689D87	RGB 104 157 135	#689D87
33.3%	33.3% #73AEA8	RGB 115 174 168	#73AEA8
50.0%	50.0% #7EB0BF	RGB 126 176 191	#7EB0BF
66.7%	66.7% #88A9D0	RGB 136 169 208	#88A9D0
83.3%	83.3% #929EE1	RGB 146 158 225	#929EE1
100.0%	100.0% #AB9DF2	RGB 171 157 242	#AB9DF2

#5E8C6B #689D87 #73AEA8 #7EB0BF #88A9D0 #929EE1 #AB9DF2

#5E8C6B - #7EB0BF - #AB9DF2

Codici CSS

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

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