#2BACAC - #B5E8AC | 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 #2BACAC a #B5E8AC

#2BACAC #B5E8AC

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

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

0.0%	0.0% #2BACAC	RGB 43 172 172	#2BACAC
16.7%	16.7% #42B6AC	RGB 66 182 172	#42B6AC
33.3%	33.3% #59C0AC	RGB 89 192 172	#59C0AC
50.0%	50.0% #70CAAC	RGB 112 202 172	#70CAAC
66.7%	66.7% #87D4AC	RGB 135 212 172	#87D4AC
83.3%	83.3% #9EDEAC	RGB 158 222 172	#9EDEAC
100.0%	100.0% #B5E8AC	RGB 181 232 172	#B5E8AC

#2BACAC #42B6AC #59C0AC #70CAAC #87D4AC #9EDEAC #B5E8AC

#2BACAC - #B5E8AC

Miscela HSV

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

0.0%	0.0% #2BACAC	RGB 43 172 172	#2BACAC
16.7%	16.7% #3CB69E	RGB 60 182 158	#3CB69E
33.3%	33.3% #4FC094	RGB 79 192 148	#4FC094
50.0%	50.0% #64CA8F	RGB 100 202 143	#64CA8F
66.7%	66.7% #7AD48F	RGB 122 212 143	#7AD48F
83.3%	83.3% #92DE95	RGB 146 222 149	#92DE95
100.0%	100.0% #B5E8AC	RGB 181 232 172	#B5E8AC

#2BACAC #3CB69E #4FC094 #64CA8F #7AD48F #92DE95 #B5E8AC

#2BACAC - #64CA8F - #B5E8AC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BACAC 0%, #64CA8F 50%, #B5E8AC 100%);
    background: -webkit-linear-gradient(top, #2BACAC 0%, #64CA8F 50%, #B5E8AC 100%);
    background: linear-gradient(to bottom, #2BACAC 0%, #64CA8F 50%, #B5E8AC 100%);
}
</style>