#004747 - #429A78 | 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 #004747 a #429A78

#004747 #429A78

Calcola il colore tra due colori, #004747 e #429A78. 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)

#004747 - #429A78 | 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 #004747 come 0% e #429A78 come 100%.

0.0%	0.0% #004747	RGB 0 71 71	#004747
16.7%	16.7% #0B544F	RGB 11 84 79	#0B544F
33.3%	33.3% #166257	RGB 22 98 87	#166257
50.0%	50.0% #21705F	RGB 33 112 95	#21705F
66.7%	66.7% #2C7E67	RGB 44 126 103	#2C7E67
83.3%	83.3% #378C6F	RGB 55 140 111	#378C6F
100.0%	100.0% #429A78	RGB 66 154 120	#429A78

#004747 #0B544F #166257 #21705F #2C7E67 #378C6F #429A78

#004747 - #429A78

Miscela HSV

#004747 - #429A78 | 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 #004747 come 0% e #429A78 come 100%.

0.0%	0.0% #004747	RGB 0 71 71	#004747
16.7%	16.7% #06544F	RGB 6 84 79	#06544F
33.3%	33.3% #0E6257	RGB 14 98 87	#0E6257
50.0%	50.0% #18705F	RGB 24 112 95	#18705F
66.7%	66.7% #247E67	RGB 36 126 103	#247E67
83.3%	83.3% #328C6F	RGB 50 140 111	#328C6F
100.0%	100.0% #429A78	RGB 66 154 120	#429A78

#004747 #06544F #0E6257 #18705F #247E67 #328C6F #429A78

#004747 - #18705F - #429A78

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #004747 0%, #18705F 50%, #429A78 100%);
    background: -webkit-linear-gradient(top, #004747 0%, #18705F 50%, #429A78 100%);
    background: linear-gradient(to bottom, #004747 0%, #18705F 50%, #429A78 100%);
}
</style>