#3C7E7B - #C7DAD9 | 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 #3C7E7B a #C7DAD9

#3C7E7B #C7DAD9

Calcola il colore tra due colori, #3C7E7B e #C7DAD9. 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)

#3C7E7B - #C7DAD9 | 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 #3C7E7B come 0% e #C7DAD9 come 100%.

0.0%	0.0% #3C7E7B	RGB 60 126 123	#3C7E7B
16.7%	16.7% #538D8A	RGB 83 141 138	#538D8A
33.3%	33.3% #6A9C9A	RGB 106 156 154	#6A9C9A
50.0%	50.0% #81ACAA	RGB 129 172 170	#81ACAA
66.7%	66.7% #98BBB9	RGB 152 187 185	#98BBB9
83.3%	83.3% #AFCAC9	RGB 175 202 201	#AFCAC9
100.0%	100.0% #C7DAD9	RGB 199 218 217	#C7DAD9

#3C7E7B #538D8A #6A9C9A #81ACAA #98BBB9 #AFCAC9 #C7DAD9

#3C7E7B - #C7DAD9

Miscela HSV

#3C7E7B - #C7DAD9 | 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 #3C7E7B come 0% e #C7DAD9 come 100%.

0.0%	0.0% #3C7E7B	RGB 60 126 123	#3C7E7B
16.7%	16.7% #4D8D8A	RGB 77 141 138	#4D8D8A
33.3%	33.3% #619C99	RGB 97 156 153	#619C99
50.0%	50.0% #77ACA9	RGB 119 172 169	#77ACA9
66.7%	66.7% #8FBBB9	RGB 143 187 185	#8FBBB9
83.3%	83.3% #AACAC8	RGB 170 202 200	#AACAC8
100.0%	100.0% #C7DAD9	RGB 199 218 217	#C7DAD9

#3C7E7B #4D8D8A #619C99 #77ACA9 #8FBBB9 #AACAC8 #C7DAD9

#3C7E7B - #77ACA9 - #C7DAD9

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7E7B 0%, #77ACA9 50%, #C7DAD9 100%);
    background: -webkit-linear-gradient(top, #3C7E7B 0%, #77ACA9 50%, #C7DAD9 100%);
    background: linear-gradient(to bottom, #3C7E7B 0%, #77ACA9 50%, #C7DAD9 100%);
}
</style>