#232D3C - #C0C3C7 | 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 #232D3C a #C0C3C7

#232D3C #C0C3C7

Calcola il colore tra due colori, #232D3C e #C0C3C7. 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)

#232D3C - #C0C3C7 | 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 #232D3C come 0% e #C0C3C7 come 100%.

0.0%	0.0% #232D3C	RGB 35 45 60	#232D3C
16.7%	16.7% #3D4653	RGB 61 70 83	#3D4653
33.3%	33.3% #575F6A	RGB 87 95 106	#575F6A
50.0%	50.0% #717881	RGB 113 120 129	#717881
66.7%	66.7% #8B9198	RGB 139 145 152	#8B9198
83.3%	83.3% #A5AAAF	RGB 165 170 175	#A5AAAF
100.0%	100.0% #C0C3C7	RGB 192 195 199	#C0C3C7

#232D3C #3D4653 #575F6A #717881 #8B9198 #A5AAAF #C0C3C7

#232D3C - #C0C3C7

Miscela HSV

#232D3C - #C0C3C7 | 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 #232D3C come 0% e #C0C3C7 come 100%.

0.0%	0.0% #232C3C	RGB 35 44 60	#232C3C
16.7%	16.7% #354153	RGB 53 65 83	#354153
33.3%	33.3% #4B586A	RGB 75 88 106	#4B586A
50.0%	50.0% #647081	RGB 100 112 129	#647081
66.7%	66.7% #7F8A98	RGB 127 138 152	#7F8A98
83.3%	83.3% #9EA5AF	RGB 158 165 175	#9EA5AF
100.0%	100.0% #C0C3C7	RGB 192 195 199	#C0C3C7

#232C3C #354153 #4B586A #647081 #7F8A98 #9EA5AF #C0C3C7

#232D3C - #647081 - #C0C3C7

Codici CSS

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

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