#8A8C2B - #DDDEC2 | 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 #8A8C2B a #DDDEC2

#8A8C2B #DDDEC2

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

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

0.0%	0.0% #8A8C2B	RGB 138 140 43	#8A8C2B
16.7%	16.7% #979944	RGB 151 153 68	#979944
33.3%	33.3% #A5A75D	RGB 165 167 93	#A5A75D
50.0%	50.0% #B3B576	RGB 179 181 118	#B3B576
66.7%	66.7% #C1C28F	RGB 193 194 143	#C1C28F
83.3%	83.3% #CFD0A8	RGB 207 208 168	#CFD0A8
100.0%	100.0% #DDDEC2	RGB 221 222 194	#DDDEC2

#8A8C2B #979944 #A5A75D #B3B576 #C1C28F #CFD0A8 #DDDEC2

#8A8C2B - #DDDEC2

Miscela HSV

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

0.0%	0.0% #8A8C2B	RGB 138 140 43	#8A8C2B
16.7%	16.7% #97993D	RGB 151 153 61	#97993D
33.3%	33.3% #A5A753	RGB 165 167 83	#A5A753
50.0%	50.0% #B2B56A	RGB 178 181 106	#B2B56A
66.7%	66.7% #C0C285	RGB 192 194 133	#C0C285
83.3%	83.3% #CED0A2	RGB 206 208 162	#CED0A2
100.0%	100.0% #DDDEC2	RGB 221 222 194	#DDDEC2

#8A8C2B #97993D #A5A753 #B2B56A #C0C285 #CED0A2 #DDDEC2

#8A8C2B - #B2B56A - #DDDEC2

Codici CSS

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

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