#5E707E - #9F8CED | 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 #5E707E a #9F8CED

#5E707E #9F8CED

Calcola il colore tra due colori, #5E707E e #9F8CED. 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)

#5E707E - #9F8CED | 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 #5E707E come 0% e #9F8CED come 100%.

0.0%	0.0% #5E707E	RGB 94 112 126	#5E707E
16.7%	16.7% #687490	RGB 104 116 144	#687490
33.3%	33.3% #7379A3	RGB 115 121 163	#7379A3
50.0%	50.0% #7E7EB5	RGB 126 126 181	#7E7EB5
66.7%	66.7% #8982C8	RGB 137 130 200	#8982C8
83.3%	83.3% #9487DA	RGB 148 135 218	#9487DA
100.0%	100.0% #9F8CED	RGB 159 140 237	#9F8CED

#5E707E #687490 #7379A3 #7E7EB5 #8982C8 #9487DA #9F8CED

#5E707E - #9F8CED

Miscela HSV

#5E707E - #9F8CED | 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 #5E707E come 0% e #9F8CED come 100%.

0.0%	0.0% #5E707E	RGB 94 112 126	#5E707E
16.7%	16.7% #687990	RGB 104 121 144	#687990
33.3%	33.3% #7180A3	RGB 113 128 163	#7180A3
50.0%	50.0% #7984B5	RGB 121 132 181	#7984B5
66.7%	66.7% #8084C8	RGB 128 132 200	#8084C8
83.3%	83.3% #8C86DA	RGB 140 134 218	#8C86DA
100.0%	100.0% #9F8CED	RGB 159 140 237	#9F8CED

#5E707E #687990 #7180A3 #7984B5 #8084C8 #8C86DA #9F8CED

#5E707E - #7984B5 - #9F8CED

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E707E 0%, #7984B5 50%, #9F8CED 100%);
    background: -webkit-linear-gradient(top, #5E707E 0%, #7984B5 50%, #9F8CED 100%);
    background: linear-gradient(to bottom, #5E707E 0%, #7984B5 50%, #9F8CED 100%);
}
</style>