#3A8D80 - #8C89CF | 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 #3A8D80 a #8C89CF

#3A8D80 #8C89CF

Calcola il colore tra due colori, #3A8D80 e #8C89CF. 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)

#3A8D80 - #8C89CF | 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 #3A8D80 come 0% e #8C89CF come 100%.

0.0%	0.0% #3A8D80	RGB 58 141 128	#3A8D80
16.7%	16.7% #478C8D	RGB 71 140 141	#478C8D
33.3%	33.3% #558B9A	RGB 85 139 154	#558B9A
50.0%	50.0% #638BA7	RGB 99 139 167	#638BA7
66.7%	66.7% #708AB4	RGB 112 138 180	#708AB4
83.3%	83.3% #7E89C1	RGB 126 137 193	#7E89C1
100.0%	100.0% #8C89CF	RGB 140 137 207	#8C89CF

#3A8D80 #478C8D #558B9A #638BA7 #708AB4 #7E89C1 #8C89CF

#3A8D80 - #8C89CF

Miscela HSV

#3A8D80 - #8C89CF | 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 #3A8D80 come 0% e #8C89CF come 100%.

0.0%	0.0% #3A8D80	RGB 58 141 128	#3A8D80
16.7%	16.7% #449498	RGB 68 148 152	#449498
33.3%	33.3% #508EA3	RGB 80 142 163	#508EA3
50.0%	50.0% #5D8AAE	RGB 93 138 174	#5D8AAE
66.7%	66.7% #6A86B9	RGB 106 134 185	#6A86B9
83.3%	83.3% #7985C4	RGB 121 133 196	#7985C4
100.0%	100.0% #8C89CF	RGB 140 137 207	#8C89CF

#3A8D80 #449498 #508EA3 #5D8AAE #6A86B9 #7985C4 #8C89CF

#3A8D80 - #5D8AAE - #8C89CF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8D80 0%, #5D8AAE 50%, #8C89CF 100%);
    background: -webkit-linear-gradient(top, #3A8D80 0%, #5D8AAE 50%, #8C89CF 100%);
    background: linear-gradient(to bottom, #3A8D80 0%, #5D8AAE 50%, #8C89CF 100%);
}
</style>