#222F3C - #BFC3C7 | 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 #222F3C a #BFC3C7

#222F3C #BFC3C7

Calcola il colore tra due colori, #222F3C e #BFC3C7. 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)

#222F3C - #BFC3C7 | 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 #222F3C come 0% e #BFC3C7 come 100%.

0.0%	0.0% #222F3C	RGB 34 47 60	#222F3C
16.7%	16.7% #3C4753	RGB 60 71 83	#3C4753
33.3%	33.3% #56606A	RGB 86 96 106	#56606A
50.0%	50.0% #707981	RGB 112 121 129	#707981
66.7%	66.7% #8A9198	RGB 138 145 152	#8A9198
83.3%	83.3% #A4AAAF	RGB 164 170 175	#A4AAAF
100.0%	100.0% #BFC3C7	RGB 191 195 199	#BFC3C7

#222F3C #3C4753 #56606A #707981 #8A9198 #A4AAAF #BFC3C7

#222F3C - #BFC3C7

Miscela HSV

#222F3C - #BFC3C7 | 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 #222F3C come 0% e #BFC3C7 come 100%.

0.0%	0.0% #222E3C	RGB 34 46 60	#222E3C
16.7%	16.7% #344353	RGB 52 67 83	#344353
33.3%	33.3% #4A5A6A	RGB 74 90 106	#4A5A6A
50.0%	50.0% #627281	RGB 98 114 129	#627281
66.7%	66.7% #7E8B98	RGB 126 139 152	#7E8B98
83.3%	83.3% #9DA6AF	RGB 157 166 175	#9DA6AF
100.0%	100.0% #BFC3C7	RGB 191 195 199	#BFC3C7

#222E3C #344353 #4A5A6A #627281 #7E8B98 #9DA6AF #BFC3C7

#222F3C - #627281 - #BFC3C7

Codici CSS

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

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