#699CAC - #284E5E | 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 #699CAC a #284E5E

#699CAC #284E5E

Calcola il colore tra due colori, #699CAC e #284E5E. 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)

#699CAC - #284E5E | 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 #699CAC come 0% e #284E5E come 100%.

0.0%	0.0% #699CAC	RGB 105 156 172	#699CAC
16.7%	16.7% #5E8F9F	RGB 94 143 159	#5E8F9F
33.3%	33.3% #538292	RGB 83 130 146	#538292
50.0%	50.0% #487585	RGB 72 117 133	#487585
66.7%	66.7% #3D6878	RGB 61 104 120	#3D6878
83.3%	83.3% #325B6B	RGB 50 91 107	#325B6B
100.0%	100.0% #284E5E	RGB 40 78 94	#284E5E

#699CAC #5E8F9F #538292 #487585 #3D6878 #325B6B #284E5E

#699CAC - #284E5E

Miscela HSV

#699CAC - #284E5E | 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 #699CAC come 0% e #284E5E come 100%.

0.0%	0.0% #699CAC	RGB 105 156 172	#699CAC
16.7%	16.7% #5C8E9F	RGB 92 142 159	#5C8E9F
33.3%	33.3% #508192	RGB 80 129 146	#508192
50.0%	50.0% #447385	RGB 68 115 133	#447385
66.7%	66.7% #3A6678	RGB 58 102 120	#3A6678
83.3%	83.3% #305A6B	RGB 48 90 107	#305A6B
100.0%	100.0% #284E5E	RGB 40 78 94	#284E5E

#699CAC #5C8E9F #508192 #447385 #3A6678 #305A6B #284E5E

#699CAC - #447385 - #284E5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #699CAC 0%, #447385 50%, #284E5E 100%);
    background: -webkit-linear-gradient(top, #699CAC 0%, #447385 50%, #284E5E 100%);
    background: linear-gradient(to bottom, #699CAC 0%, #447385 50%, #284E5E 100%);
}
</style>