#78889B - #D8DDE2 | 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 #78889B a #D8DDE2

#78889B #D8DDE2

Calcola il colore tra due colori, #78889B e #D8DDE2. 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)

#78889B - #D8DDE2 | 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 #78889B come 0% e #D8DDE2 come 100%.

0.0%	0.0% #78889B	RGB 120 136 155	#78889B
16.7%	16.7% #8896A6	RGB 136 150 166	#8896A6
33.3%	33.3% #98A4B2	RGB 152 164 178	#98A4B2
50.0%	50.0% #A8B2BE	RGB 168 178 190	#A8B2BE
66.7%	66.7% #B8C0CA	RGB 184 192 202	#B8C0CA
83.3%	83.3% #C8CED6	RGB 200 206 214	#C8CED6
100.0%	100.0% #D8DDE2	RGB 216 221 226	#D8DDE2

#78889B #8896A6 #98A4B2 #A8B2BE #B8C0CA #C8CED6 #D8DDE2

#78889B - #D8DDE2

Miscela HSV

#78889B - #D8DDE2 | 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 #78889B come 0% e #D8DDE2 come 100%.

0.0%	0.0% #78889B	RGB 120 136 155	#78889B
16.7%	16.7% #8695A6	RGB 134 149 166	#8695A6
33.3%	33.3% #95A3B2	RGB 149 163 178	#95A3B2
50.0%	50.0% #A4B1BE	RGB 164 177 190	#A4B1BE
66.7%	66.7% #B5BFCA	RGB 181 191 202	#B5BFCA
83.3%	83.3% #C6CED6	RGB 198 206 214	#C6CED6
100.0%	100.0% #D8DDE2	RGB 216 221 226	#D8DDE2

#78889B #8695A6 #95A3B2 #A4B1BE #B5BFCA #C6CED6 #D8DDE2

#78889B - #A4B1BE - #D8DDE2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78889B 0%, #A4B1BE 50%, #D8DDE2 100%);
    background: -webkit-linear-gradient(top, #78889B 0%, #A4B1BE 50%, #D8DDE2 100%);
    background: linear-gradient(to bottom, #78889B 0%, #A4B1BE 50%, #D8DDE2 100%);
}
</style>