#2B8C8C - #A0D49E | 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 #2B8C8C a #A0D49E

#2B8C8C #A0D49E

Calcola il colore tra due colori, #2B8C8C e #A0D49E. 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)

#2B8C8C - #A0D49E | 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 #2B8C8C come 0% e #A0D49E come 100%.

0.0%	0.0% #2B8C8C	RGB 43 140 140	#2B8C8C
16.7%	16.7% #3E988F	RGB 62 152 143	#3E988F
33.3%	33.3% #52A492	RGB 82 164 146	#52A492
50.0%	50.0% #65B095	RGB 101 176 149	#65B095
66.7%	66.7% #79BC98	RGB 121 188 152	#79BC98
83.3%	83.3% #8CC89B	RGB 140 200 155	#8CC89B
100.0%	100.0% #A0D49E	RGB 160 212 158	#A0D49E

#2B8C8C #3E988F #52A492 #65B095 #79BC98 #8CC89B #A0D49E

#2B8C8C - #A0D49E

Miscela HSV

#2B8C8C - #A0D49E | 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 #2B8C8C come 0% e #A0D49E come 100%.

0.0%	0.0% #2B8C8C	RGB 43 140 140	#2B8C8C
16.7%	16.7% #399887	RGB 57 152 135	#399887
33.3%	33.3% #4AA485	RGB 74 164 133	#4AA485
50.0%	50.0% #5CB084	RGB 92 176 132	#5CB084
66.7%	66.7% #70BC87	RGB 112 188 135	#70BC87
83.3%	83.3% #86C88F	RGB 134 200 143	#86C88F
100.0%	100.0% #A0D49E	RGB 160 212 158	#A0D49E

#2B8C8C #399887 #4AA485 #5CB084 #70BC87 #86C88F #A0D49E

#2B8C8C - #5CB084 - #A0D49E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B8C8C 0%, #5CB084 50%, #A0D49E 100%);
    background: -webkit-linear-gradient(top, #2B8C8C 0%, #5CB084 50%, #A0D49E 100%);
    background: linear-gradient(to bottom, #2B8C8C 0%, #5CB084 50%, #A0D49E 100%);
}
</style>