#3E5E5A - #0E252D | 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 #3E5E5A a #0E252D

#3E5E5A #0E252D

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

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

0.0%	0.0% #3E5E5A	RGB 62 94 90	#3E5E5A
16.7%	16.7% #365452	RGB 54 84 82	#365452
33.3%	33.3% #2E4B4B	RGB 46 75 75	#2E4B4B
50.0%	50.0% #264143	RGB 38 65 67	#264143
66.7%	66.7% #1E383C	RGB 30 56 60	#1E383C
83.3%	83.3% #162E34	RGB 22 46 52	#162E34
100.0%	100.0% #0E252D	RGB 14 37 45	#0E252D

#3E5E5A #365452 #2E4B4B #264143 #1E383C #162E34 #0E252D

#3E5E5A - #0E252D

Miscela HSV

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

0.0%	0.0% #3E5E5A	RGB 62 94 90	#3E5E5A
16.7%	16.7% #335553	RGB 51 85 83	#335553
33.3%	33.3% #2A4D4D	RGB 42 77 77	#2A4D4D
50.0%	50.0% #214345	RGB 33 67 69	#214345
66.7%	66.7% #1A383D	RGB 26 56 61	#1A383D
83.3%	83.3% #132E35	RGB 19 46 53	#132E35
100.0%	100.0% #0E252D	RGB 14 37 45	#0E252D

#3E5E5A #335553 #2A4D4D #214345 #1A383D #132E35 #0E252D

#3E5E5A - #214345 - #0E252D

Codici CSS

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

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