#5E6395 - #8BD1B7 | 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 #5E6395 a #8BD1B7

#5E6395 #8BD1B7

Calcola il colore tra due colori, #5E6395 e #8BD1B7. 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)

#5E6395 - #8BD1B7 | 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 #5E6395 come 0% e #8BD1B7 come 100%.

0.0%	0.0% #5E6395	RGB 94 99 149	#5E6395
16.7%	16.7% #65759A	RGB 101 117 154	#65759A
33.3%	33.3% #6D87A0	RGB 109 135 160	#6D87A0
50.0%	50.0% #749AA6	RGB 116 154 166	#749AA6
66.7%	66.7% #7CACAB	RGB 124 172 171	#7CACAB
83.3%	83.3% #83BEB1	RGB 131 190 177	#83BEB1
100.0%	100.0% #8BD1B7	RGB 139 209 183	#8BD1B7

#5E6395 #65759A #6D87A0 #749AA6 #7CACAB #83BEB1 #8BD1B7

#5E6395 - #8BD1B7

Miscela HSV

#5E6395 - #8BD1B7 | 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 #5E6395 come 0% e #8BD1B7 come 100%.

0.0%	0.0% #5E6395	RGB 94 99 149	#5E6395
16.7%	16.7% #65769F	RGB 101 118 159	#65769F
33.3%	33.3% #6C8BA9	RGB 108 139 169	#6C8BA9
50.0%	50.0% #73A2B3	RGB 115 162 179	#73A2B3
66.7%	66.7% #7BB9BD	RGB 123 185 189	#7BB9BD
83.3%	83.3% #83C7BC	RGB 131 199 188	#83C7BC
100.0%	100.0% #8BD1B7	RGB 139 209 183	#8BD1B7

#5E6395 #65769F #6C8BA9 #73A2B3 #7BB9BD #83C7BC #8BD1B7

#5E6395 - #73A2B3 - #8BD1B7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6395 0%, #73A2B3 50%, #8BD1B7 100%);
    background: -webkit-linear-gradient(top, #5E6395 0%, #73A2B3 50%, #8BD1B7 100%);
    background: linear-gradient(to bottom, #5E6395 0%, #73A2B3 50%, #8BD1B7 100%);
}
</style>