#6DCCAF - #DCE2B6 | 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 #6DCCAF a #DCE2B6

#6DCCAF #DCE2B6

Calcola il colore tra due colori, #6DCCAF e #DCE2B6. 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)

#6DCCAF - #DCE2B6 | 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 #6DCCAF come 0% e #DCE2B6 come 100%.

0.0%	0.0% #6DCCAF	RGB 109 204 175	#6DCCAF
16.7%	16.7% #7FCFB0	RGB 127 207 176	#7FCFB0
33.3%	33.3% #92D3B1	RGB 146 211 177	#92D3B1
50.0%	50.0% #A4D7B2	RGB 164 215 178	#A4D7B2
66.7%	66.7% #B7DAB3	RGB 183 218 179	#B7DAB3
83.3%	83.3% #C9DEB4	RGB 201 222 180	#C9DEB4
100.0%	100.0% #DCE2B6	RGB 220 226 182	#DCE2B6

#6DCCAF #7FCFB0 #92D3B1 #A4D7B2 #B7DAB3 #C9DEB4 #DCE2B6

#6DCCAF - #DCE2B6

Miscela HSV

#6DCCAF - #DCE2B6 | 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 #6DCCAF come 0% e #DCE2B6 come 100%.

0.0%	0.0% #6DCCAF	RGB 109 204 175	#6DCCAF
16.7%	16.7% #78CF9E	RGB 120 207 158	#78CF9E
33.3%	33.3% #84D391	RGB 132 211 145	#84D391
50.0%	50.0% #96D790	RGB 150 215 144	#96D790
66.7%	66.7% #B1DA9C	RGB 177 218 156	#B1DA9C
83.3%	83.3% #C9DEA9	RGB 201 222 169	#C9DEA9
100.0%	100.0% #DCE2B6	RGB 220 226 182	#DCE2B6

#6DCCAF #78CF9E #84D391 #96D790 #B1DA9C #C9DEA9 #DCE2B6

#6DCCAF - #96D790 - #DCE2B6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DCCAF 0%, #96D790 50%, #DCE2B6 100%);
    background: -webkit-linear-gradient(top, #6DCCAF 0%, #96D790 50%, #DCE2B6 100%);
    background: linear-gradient(to bottom, #6DCCAF 0%, #96D790 50%, #DCE2B6 100%);
}
</style>