#2CDADA - #00B2B5 | 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 #2CDADA a #00B2B5

#2CDADA #00B2B5

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

#2CDADA - #00B2B5 | 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 #2CDADA come 0% e #00B2B5 come 100%.

0.0%	0.0% #2CDADA	RGB 44 218 218	#2CDADA
16.7%	16.7% #24D3D3	RGB 36 211 211	#24D3D3
33.3%	33.3% #1DCCCD	RGB 29 204 205	#1DCCCD
50.0%	50.0% #16C6C7	RGB 22 198 199	#16C6C7
66.7%	66.7% #0EBFC1	RGB 14 191 193	#0EBFC1
83.3%	83.3% #07B8BB	RGB 7 184 187	#07B8BB
100.0%	100.0% #00B2B5	RGB 0 178 181	#00B2B5

#2CDADA #24D3D3 #1DCCCD #16C6C7 #0EBFC1 #07B8BB #00B2B5

#2CDADA - #00B2B5

Miscela HSV

#2CDADA - #00B2B5 | 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 #2CDADA come 0% e #00B2B5 come 100%.

0.0%	0.0% #2CDADA	RGB 44 218 218	#2CDADA
16.7%	16.7% #23D3D3	RGB 35 211 211	#23D3D3
33.3%	33.3% #1BCCCD	RGB 27 204 205	#1BCCCD
50.0%	50.0% #14C6C7	RGB 20 198 199	#14C6C7
66.7%	66.7% #0DBFC1	RGB 13 191 193	#0DBFC1
83.3%	83.3% #06B8BB	RGB 6 184 187	#06B8BB
100.0%	100.0% #00B2B5	RGB 0 178 181	#00B2B5

#2CDADA #23D3D3 #1BCCCD #14C6C7 #0DBFC1 #06B8BB #00B2B5

#2CDADA - #14C6C7 - #00B2B5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CDADA 0%, #14C6C7 50%, #00B2B5 100%);
    background: -webkit-linear-gradient(top, #2CDADA 0%, #14C6C7 50%, #00B2B5 100%);
    background: linear-gradient(to bottom, #2CDADA 0%, #14C6C7 50%, #00B2B5 100%);
}
</style>