#2C5E4D - #04041F | 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 #2C5E4D a #04041F

#2C5E4D #04041F

Calcola il colore tra due colori, #2C5E4D e #04041F. 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)

#2C5E4D - #04041F | 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 #2C5E4D come 0% e #04041F come 100%.

0.0%	0.0% #2C5E4D	RGB 44 94 77	#2C5E4D
16.7%	16.7% #254F45	RGB 37 79 69	#254F45
33.3%	33.3% #1E403D	RGB 30 64 61	#1E403D
50.0%	50.0% #183136	RGB 24 49 54	#183136
66.7%	66.7% #11212E	RGB 17 33 46	#11212E
83.3%	83.3% #0A1326	RGB 10 19 38	#0A1326
100.0%	100.0% #04041F	RGB 4 4 31	#04041F

#2C5E4D #254F45 #1E403D #183136 #11212E #0A1326 #04041F

#2C5E4D - #04041F

Miscela HSV

#2C5E4D - #04041F | 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 #2C5E4D come 0% e #04041F come 100%.

0.0%	0.0% #2C5E4D	RGB 44 94 77	#2C5E4D
16.7%	16.7% #22534D	RGB 34 83 77	#22534D
33.3%	33.3% #194349	RGB 25 67 73	#194349
50.0%	50.0% #12303E	RGB 18 48 62	#12303E
66.7%	66.7% #0C1E34	RGB 12 30 52	#0C1E34
83.3%	83.3% #070F29	RGB 7 15 41	#070F29
100.0%	100.0% #04041F	RGB 4 4 31	#04041F

#2C5E4D #22534D #194349 #12303E #0C1E34 #070F29 #04041F

#2C5E4D - #12303E - #04041F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C5E4D 0%, #12303E 50%, #04041F 100%);
    background: -webkit-linear-gradient(top, #2C5E4D 0%, #12303E 50%, #04041F 100%);
    background: linear-gradient(to bottom, #2C5E4D 0%, #12303E 50%, #04041F 100%);
}
</style>