#C0D5E3 - #363C40 | 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 #C0D5E3 a #363C40

#C0D5E3 #363C40

Calcola il colore tra due colori, #C0D5E3 e #363C40. 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)

#C0D5E3 - #363C40 | 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 #C0D5E3 come 0% e #363C40 come 100%.

0.0%	0.0% #C0D5E3	RGB 192 213 227	#C0D5E3
16.7%	16.7% #A9BBC7	RGB 169 187 199	#A9BBC7
33.3%	33.3% #92A2AC	RGB 146 162 172	#92A2AC
50.0%	50.0% #7B8891	RGB 123 136 145	#7B8891
66.7%	66.7% #646F76	RGB 100 111 118	#646F76
83.3%	83.3% #4D555B	RGB 77 85 91	#4D555B
100.0%	100.0% #363C40	RGB 54 60 64	#363C40

#C0D5E3 #A9BBC7 #92A2AC #7B8891 #646F76 #4D555B #363C40

#C0D5E3 - #363C40

Miscela HSV

#C0D5E3 - #363C40 | 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 #C0D5E3 come 0% e #363C40 come 100%.

0.0%	0.0% #C0D5E3	RGB 192 213 227	#C0D5E3
16.7%	16.7% #A8BBC7	RGB 168 187 199	#A8BBC7
33.3%	33.3% #91A1AC	RGB 145 161 172	#91A1AC
50.0%	50.0% #7A8891	RGB 122 136 145	#7A8891
66.7%	66.7% #636E76	RGB 99 110 118	#636E76
83.3%	83.3% #4C555B	RGB 76 85 91	#4C555B
100.0%	100.0% #363C40	RGB 54 60 64	#363C40

#C0D5E3 #A8BBC7 #91A1AC #7A8891 #636E76 #4C555B #363C40

#C0D5E3 - #7A8891 - #363C40

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D5E3 0%, #7A8891 50%, #363C40 100%);
    background: -webkit-linear-gradient(top, #C0D5E3 0%, #7A8891 50%, #363C40 100%);
    background: linear-gradient(to bottom, #C0D5E3 0%, #7A8891 50%, #363C40 100%);
}
</style>