#1F268C - #8FDCCD | 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 #1F268C a #8FDCCD

#1F268C #8FDCCD

Calcola il colore tra due colori, #1F268C e #8FDCCD. 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)

#1F268C - #8FDCCD | 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 #1F268C come 0% e #8FDCCD come 100%.

0.0%	0.0% #1F268C	RGB 31 38 140	#1F268C
16.7%	16.7% #314496	RGB 49 68 150	#314496
33.3%	33.3% #4462A1	RGB 68 98 161	#4462A1
50.0%	50.0% #5781AC	RGB 87 129 172	#5781AC
66.7%	66.7% #699FB7	RGB 105 159 183	#699FB7
83.3%	83.3% #7CBDC2	RGB 124 189 194	#7CBDC2
100.0%	100.0% #8FDCCD	RGB 143 220 205	#8FDCCD

#1F268C #314496 #4462A1 #5781AC #699FB7 #7CBDC2 #8FDCCD

#1F268C - #8FDCCD

Miscela HSV

#1F268C - #8FDCCD | 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 #1F268C come 0% e #8FDCCD come 100%.

0.0%	0.0% #1F268C	RGB 31 38 140	#1F268C
16.7%	16.7% #2C4899	RGB 44 72 153	#2C4899
33.3%	33.3% #3C6BA6	RGB 60 107 166	#3C6BA6
50.0%	50.0% #4E8EB4	RGB 78 142 180	#4E8EB4
66.7%	66.7% #62AFC1	RGB 98 175 193	#62AFC1
83.3%	83.3% #77CECE	RGB 119 206 206	#77CECE
100.0%	100.0% #8FDCCD	RGB 143 220 205	#8FDCCD

#1F268C #2C4899 #3C6BA6 #4E8EB4 #62AFC1 #77CECE #8FDCCD

#1F268C - #4E8EB4 - #8FDCCD

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F268C 0%, #4E8EB4 50%, #8FDCCD 100%);
    background: -webkit-linear-gradient(top, #1F268C 0%, #4E8EB4 50%, #8FDCCD 100%);
    background: linear-gradient(to bottom, #1F268C 0%, #4E8EB4 50%, #8FDCCD 100%);
}
</style>