#094040 - #B8C8C8 | 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 #094040 a #B8C8C8

#094040 #B8C8C8

Calcola il colore tra due colori, #094040 e #B8C8C8. 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)

#094040 - #B8C8C8 | 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 #094040 come 0% e #B8C8C8 come 100%.

0.0%	0.0% #094040	RGB 9 64 64	#094040
16.7%	16.7% #265656	RGB 38 86 86	#265656
33.3%	33.3% #436D6D	RGB 67 109 109	#436D6D
50.0%	50.0% #608484	RGB 96 132 132	#608484
66.7%	66.7% #7D9A9A	RGB 125 154 154	#7D9A9A
83.3%	83.3% #9AB1B1	RGB 154 177 177	#9AB1B1
100.0%	100.0% #B8C8C8	RGB 184 200 200	#B8C8C8

#094040 #265656 #436D6D #608484 #7D9A9A #9AB1B1 #B8C8C8

#094040 - #B8C8C8

Miscela HSV

#094040 - #B8C8C8 | 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 #094040 come 0% e #B8C8C8 come 100%.

0.0%	0.0% #094040	RGB 9 64 64	#094040
16.7%	16.7% #175656	RGB 23 86 86	#175656
33.3%	33.3% #2B6D6D	RGB 43 109 109	#2B6D6D
50.0%	50.0% #468484	RGB 70 132 132	#468484
66.7%	66.7% #669A9A	RGB 102 154 154	#669A9A
83.3%	83.3% #8CB1B1	RGB 140 177 177	#8CB1B1
100.0%	100.0% #B8C8C8	RGB 184 200 200	#B8C8C8

#094040 #175656 #2B6D6D #468484 #669A9A #8CB1B1 #B8C8C8

#094040 - #468484 - #B8C8C8

Codici CSS

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

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