#01151D - #234D5E | 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 #01151D a #234D5E

#01151D #234D5E

Calcola il colore tra due colori, #01151D e #234D5E. 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)

#01151D - #234D5E | 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 #01151D come 0% e #234D5E come 100%.

0.0%	0.0% #01151D	RGB 1 21 29	#01151D
16.7%	16.7% #061E27	RGB 6 30 39	#061E27
33.3%	33.3% #0C2732	RGB 12 39 50	#0C2732
50.0%	50.0% #12313D	RGB 18 49 61	#12313D
66.7%	66.7% #173A48	RGB 23 58 72	#173A48
83.3%	83.3% #1D4353	RGB 29 67 83	#1D4353
100.0%	100.0% #234D5E	RGB 35 77 94	#234D5E

#01151D #061E27 #0C2732 #12313D #173A48 #1D4353 #234D5E

#01151D - #234D5E

Miscela HSV

#01151D - #234D5E | 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 #01151D come 0% e #234D5E come 100%.

0.0%	0.0% #01151D	RGB 1 21 29	#01151D
16.7%	16.7% #031D27	RGB 3 29 39	#031D27
33.3%	33.3% #072632	RGB 7 38 50	#072632
50.0%	50.0% #0C2F3D	RGB 12 47 61	#0C2F3D
66.7%	66.7% #123848	RGB 18 56 72	#123848
83.3%	83.3% #1A4253	RGB 26 66 83	#1A4253
100.0%	100.0% #234D5E	RGB 35 77 94	#234D5E

#01151D #031D27 #072632 #0C2F3D #123848 #1A4253 #234D5E

#01151D - #0C2F3D - #234D5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #01151D 0%, #0C2F3D 50%, #234D5E 100%);
    background: -webkit-linear-gradient(top, #01151D 0%, #0C2F3D 50%, #234D5E 100%);
    background: linear-gradient(to bottom, #01151D 0%, #0C2F3D 50%, #234D5E 100%);
}
</style>