#009E9A - #B6E3E2 | 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 #009E9A a #B6E3E2

#009E9A #B6E3E2

Calcola il colore tra due colori, #009E9A e #B6E3E2. 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)

#009E9A - #B6E3E2 | 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 #009E9A come 0% e #B6E3E2 come 100%.

0.0%	0.0% #009E9A	RGB 0 158 154	#009E9A
16.7%	16.7% #1EA9A6	RGB 30 169 166	#1EA9A6
33.3%	33.3% #3CB5B2	RGB 60 181 178	#3CB5B2
50.0%	50.0% #5BC0BE	RGB 91 192 190	#5BC0BE
66.7%	66.7% #79CCCA	RGB 121 204 202	#79CCCA
83.3%	83.3% #97D7D6	RGB 151 215 214	#97D7D6
100.0%	100.0% #B6E3E2	RGB 182 227 226	#B6E3E2

#009E9A #1EA9A6 #3CB5B2 #5BC0BE #79CCCA #97D7D6 #B6E3E2

#009E9A - #B6E3E2

Miscela HSV

#009E9A - #B6E3E2 | 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 #009E9A come 0% e #B6E3E2 come 100%.

0.0%	0.0% #009E9A	RGB 0 158 154	#009E9A
16.7%	16.7% #16A9A5	RGB 22 169 165	#16A9A5
33.3%	33.3% #30B5B1	RGB 48 181 177	#30B5B1
50.0%	50.0% #4DC0BD	RGB 77 192 189	#4DC0BD
66.7%	66.7% #6DCCC9	RGB 109 204 201	#6DCCC9
83.3%	83.3% #8FD7D5	RGB 143 215 213	#8FD7D5
100.0%	100.0% #B6E3E2	RGB 182 227 226	#B6E3E2

#009E9A #16A9A5 #30B5B1 #4DC0BD #6DCCC9 #8FD7D5 #B6E3E2

#009E9A - #4DC0BD - #B6E3E2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009E9A 0%, #4DC0BD 50%, #B6E3E2 100%);
    background: -webkit-linear-gradient(top, #009E9A 0%, #4DC0BD 50%, #B6E3E2 100%);
    background: linear-gradient(to bottom, #009E9A 0%, #4DC0BD 50%, #B6E3E2 100%);
}
</style>