#24BAB5 - #008B7B | 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 #24BAB5 a #008B7B

#24BAB5 #008B7B

Calcola il colore tra due colori, #24BAB5 e #008B7B. 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)

#24BAB5 - #008B7B | 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 #24BAB5 come 0% e #008B7B come 100%.

0.0%	0.0% #24BAB5	RGB 36 186 181	#24BAB5
16.7%	16.7% #1EB2AB	RGB 30 178 171	#1EB2AB
33.3%	33.3% #18AAA1	RGB 24 170 161	#18AAA1
50.0%	50.0% #12A298	RGB 18 162 152	#12A298
66.7%	66.7% #0C9A8E	RGB 12 154 142	#0C9A8E
83.3%	83.3% #069284	RGB 6 146 132	#069284
100.0%	100.0% #008B7B	RGB 0 139 123	#008B7B

#24BAB5 #1EB2AB #18AAA1 #12A298 #0C9A8E #069284 #008B7B

#24BAB5 - #008B7B

Miscela HSV

#24BAB5 - #008B7B | 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 #24BAB5 come 0% e #008B7B come 100%.

0.0%	0.0% #23BAB5	RGB 35 186 181	#23BAB5
16.7%	16.7% #1CB2AB	RGB 28 178 171	#1CB2AB
33.3%	33.3% #15AAA1	RGB 21 170 161	#15AAA1
50.0%	50.0% #0FA297	RGB 15 162 151	#0FA297
66.7%	66.7% #099A8D	RGB 9 154 141	#099A8D
83.3%	83.3% #049284	RGB 4 146 132	#049284
100.0%	100.0% #008B7B	RGB 0 139 123	#008B7B

#23BAB5 #1CB2AB #15AAA1 #0FA297 #099A8D #049284 #008B7B

#24BAB5 - #0FA297 - #008B7B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #23BAB5 0%, #0FA297 50%, #008B7B 100%);
    background: -webkit-linear-gradient(top, #23BAB5 0%, #0FA297 50%, #008B7B 100%);
    background: linear-gradient(to bottom, #23BAB5 0%, #0FA297 50%, #008B7B 100%);
}
</style>