#00005E - #B6B6D1 | 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 #00005E a #B6B6D1

#00005E #B6B6D1

Calcola il colore tra due colori, #00005E e #B6B6D1. 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)

#00005E - #B6B6D1 | 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 #00005E come 0% e #B6B6D1 come 100%.

0.0%	0.0% #00005E	RGB 0 0 94	#00005E
16.7%	16.7% #1E1E71	RGB 30 30 113	#1E1E71
33.3%	33.3% #3C3C84	RGB 60 60 132	#3C3C84
50.0%	50.0% #5B5B97	RGB 91 91 151	#5B5B97
66.7%	66.7% #7979AA	RGB 121 121 170	#7979AA
83.3%	83.3% #9797BD	RGB 151 151 189	#9797BD
100.0%	100.0% #B6B6D1	RGB 182 182 209	#B6B6D1

#00005E #1E1E71 #3C3C84 #5B5B97 #7979AA #9797BD #B6B6D1

#00005E - #B6B6D1

Miscela HSV

#00005E - #B6B6D1 | 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 #00005E come 0% e #B6B6D1 come 100%.

0.0%	0.0% #00005E	RGB 0 0 94	#00005E
16.7%	16.7% #101071	RGB 16 16 113	#101071
33.3%	33.3% #262684	RGB 38 38 132	#262684
50.0%	50.0% #414197	RGB 65 65 151	#414197
66.7%	66.7% #6363AA	RGB 99 99 170	#6363AA
83.3%	83.3% #8989BD	RGB 137 137 189	#8989BD
100.0%	100.0% #B6B6D1	RGB 182 182 209	#B6B6D1

#00005E #101071 #262684 #414197 #6363AA #8989BD #B6B6D1

#00005E - #414197 - #B6B6D1

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00005E 0%, #414197 50%, #B6B6D1 100%);
    background: -webkit-linear-gradient(top, #00005E 0%, #414197 50%, #B6B6D1 100%);
    background: linear-gradient(to bottom, #00005E 0%, #414197 50%, #B6B6D1 100%);
}
</style>