#677B5E - #D2D9D1 | 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 #677B5E a #D2D9D1

#677B5E #D2D9D1

Calcola il colore tra due colori, #677B5E e #D2D9D1. 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)

#677B5E - #D2D9D1 | 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 #677B5E come 0% e #D2D9D1 come 100%.

0.0%	0.0% #677B5E	RGB 103 123 94	#677B5E
16.7%	16.7% #788A71	RGB 120 138 113	#788A71
33.3%	33.3% #8A9A84	RGB 138 154 132	#8A9A84
50.0%	50.0% #9CAA97	RGB 156 170 151	#9CAA97
66.7%	66.7% #AEB9AA	RGB 174 185 170	#AEB9AA
83.3%	83.3% #C0C9BD	RGB 192 201 189	#C0C9BD
100.0%	100.0% #D2D9D1	RGB 210 217 209	#D2D9D1

#677B5E #788A71 #8A9A84 #9CAA97 #AEB9AA #C0C9BD #D2D9D1

#677B5E - #D2D9D1

Miscela HSV

#677B5E - #D2D9D1 | 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 #677B5E come 0% e #D2D9D1 come 100%.

0.0%	0.0% #677B5E	RGB 103 123 94	#677B5E
16.7%	16.7% #768A6E	RGB 118 138 110	#768A6E
33.3%	33.3% #869A80	RGB 134 154 128	#869A80
50.0%	50.0% #97AA92	RGB 151 170 146	#97AA92
66.7%	66.7% #AAB9A6	RGB 170 185 166	#AAB9A6
83.3%	83.3% #BDC9BB	RGB 189 201 187	#BDC9BB
100.0%	100.0% #D2D9D1	RGB 210 217 209	#D2D9D1

#677B5E #768A6E #869A80 #97AA92 #AAB9A6 #BDC9BB #D2D9D1

#677B5E - #97AA92 - #D2D9D1

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #677B5E 0%, #97AA92 50%, #D2D9D1 100%);
    background: -webkit-linear-gradient(top, #677B5E 0%, #97AA92 50%, #D2D9D1 100%);
    background: linear-gradient(to bottom, #677B5E 0%, #97AA92 50%, #D2D9D1 100%);
}
</style>