#3C8EB6 - #112833 | 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 #3C8EB6 a #112833

#3C8EB6 #112833

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

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

0.0%	0.0% #3C8EB6	RGB 60 142 182	#3C8EB6
16.7%	16.7% #347DA0	RGB 52 125 160	#347DA0
33.3%	33.3% #2D6C8A	RGB 45 108 138	#2D6C8A
50.0%	50.0% #265B74	RGB 38 91 116	#265B74
66.7%	66.7% #1F4A5E	RGB 31 74 94	#1F4A5E
83.3%	83.3% #183948	RGB 24 57 72	#183948
100.0%	100.0% #112833	RGB 17 40 51	#112833

#3C8EB6 #347DA0 #2D6C8A #265B74 #1F4A5E #183948 #112833

#3C8EB6 - #112833

Miscela HSV

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

0.0%	0.0% #3C8DB6	RGB 60 141 182	#3C8DB6
16.7%	16.7% #347DA0	RGB 52 125 160	#347DA0
33.3%	33.3% #2D6C8A	RGB 45 108 138	#2D6C8A
50.0%	50.0% #265B74	RGB 38 91 116	#265B74
66.7%	66.7% #1F4A5E	RGB 31 74 94	#1F4A5E
83.3%	83.3% #183948	RGB 24 57 72	#183948
100.0%	100.0% #112833	RGB 17 40 51	#112833

#3C8DB6 #347DA0 #2D6C8A #265B74 #1F4A5E #183948 #112833

#3C8EB6 - #265B74 - #112833

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C8DB6 0%, #265B74 50%, #112833 100%);
    background: -webkit-linear-gradient(top, #3C8DB6 0%, #265B74 50%, #112833 100%);
    background: linear-gradient(to bottom, #3C8DB6 0%, #265B74 50%, #112833 100%);
}
</style>