#8C9A8D - #DDE3A0 | 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 #8C9A8D a #DDE3A0

#8C9A8D #DDE3A0

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

#8C9A8D - #DDE3A0 | 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 #8C9A8D come 0% e #DDE3A0 come 100%.

0.0%	0.0% #8C9A8D	RGB 140 154 141	#8C9A8D
16.7%	16.7% #99A690	RGB 153 166 144	#99A690
33.3%	33.3% #A7B293	RGB 167 178 147	#A7B293
50.0%	50.0% #B4BE96	RGB 180 190 150	#B4BE96
66.7%	66.7% #C2CA99	RGB 194 202 153	#C2CA99
83.3%	83.3% #CFD69C	RGB 207 214 156	#CFD69C
100.0%	100.0% #DDE3A0	RGB 221 227 160	#DDE3A0

#8C9A8D #99A690 #A7B293 #B4BE96 #C2CA99 #CFD69C #DDE3A0

#8C9A8D - #DDE3A0

Miscela HSV

#8C9A8D - #DDE3A0 | 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 #8C9A8D come 0% e #DDE3A0 come 100%.

0.0%	0.0% #8C9A8D	RGB 140 154 141	#8C9A8D
16.7%	16.7% #93A691	RGB 147 166 145	#93A691
33.3%	33.3% #9DB295	RGB 157 178 149	#9DB295
50.0%	50.0% #A9BE99	RGB 169 190 153	#A9BE99
66.7%	66.7% #B7CA9C	RGB 183 202 156	#B7CA9C
83.3%	83.3% #C8D69E	RGB 200 214 158	#C8D69E
100.0%	100.0% #DDE3A0	RGB 221 227 160	#DDE3A0

#8C9A8D #93A691 #9DB295 #A9BE99 #B7CA9C #C8D69E #DDE3A0

#8C9A8D - #A9BE99 - #DDE3A0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C9A8D 0%, #A9BE99 50%, #DDE3A0 100%);
    background: -webkit-linear-gradient(top, #8C9A8D 0%, #A9BE99 50%, #DDE3A0 100%);
    background: linear-gradient(to bottom, #8C9A8D 0%, #A9BE99 50%, #DDE3A0 100%);
}
</style>