#596E9A - #CFD5E2 | 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 #596E9A a #CFD5E2

#596E9A #CFD5E2

Calcola il colore tra due colori, #596E9A e #CFD5E2. 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)

#596E9A - #CFD5E2 | 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 #596E9A come 0% e #CFD5E2 come 100%.

0.0%	0.0% #596E9A	RGB 89 110 154	#596E9A
16.7%	16.7% #6C7FA6	RGB 108 127 166	#6C7FA6
33.3%	33.3% #8090B2	RGB 128 144 178	#8090B2
50.0%	50.0% #94A1BE	RGB 148 161 190	#94A1BE
66.7%	66.7% #A7B2CA	RGB 167 178 202	#A7B2CA
83.3%	83.3% #BBC3D6	RGB 187 195 214	#BBC3D6
100.0%	100.0% #CFD5E2	RGB 207 213 226	#CFD5E2

#596E9A #6C7FA6 #8090B2 #94A1BE #A7B2CA #BBC3D6 #CFD5E2

#596E9A - #CFD5E2

Miscela HSV

#596E9A - #CFD5E2 | 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 #596E9A come 0% e #CFD5E2 come 100%.

0.0%	0.0% #596E9A	RGB 89 110 154	#596E9A
16.7%	16.7% #697CA6	RGB 105 124 166	#697CA6
33.3%	33.3% #7A8CB2	RGB 122 140 178	#7A8CB2
50.0%	50.0% #8D9DBE	RGB 141 157 190	#8D9DBE
66.7%	66.7% #A2AECA	RGB 162 174 202	#A2AECA
83.3%	83.3% #B7C1D6	RGB 183 193 214	#B7C1D6
100.0%	100.0% #CFD5E2	RGB 207 213 226	#CFD5E2

#596E9A #697CA6 #7A8CB2 #8D9DBE #A2AECA #B7C1D6 #CFD5E2

#596E9A - #8D9DBE - #CFD5E2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #596E9A 0%, #8D9DBE 50%, #CFD5E2 100%);
    background: -webkit-linear-gradient(top, #596E9A 0%, #8D9DBE 50%, #CFD5E2 100%);
    background: linear-gradient(to bottom, #596E9A 0%, #8D9DBE 50%, #CFD5E2 100%);
}
</style>