#6C7E4C - #D4DACB | 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 #6C7E4C a #D4DACB

#6C7E4C #D4DACB

Calcola il colore tra due colori, #6C7E4C e #D4DACB. 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)

#6C7E4C - #D4DACB | 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 #6C7E4C come 0% e #D4DACB come 100%.

0.0%	0.0% #6C7E4C	RGB 108 126 76	#6C7E4C
16.7%	16.7% #7D8D61	RGB 125 141 97	#7D8D61
33.3%	33.3% #8E9C76	RGB 142 156 118	#8E9C76
50.0%	50.0% #A0AC8B	RGB 160 172 139	#A0AC8B
66.7%	66.7% #B1BBA0	RGB 177 187 160	#B1BBA0
83.3%	83.3% #C2CAB5	RGB 194 202 181	#C2CAB5
100.0%	100.0% #D4DACB	RGB 212 218 203	#D4DACB

#6C7E4C #7D8D61 #8E9C76 #A0AC8B #B1BBA0 #C2CAB5 #D4DACB

#6C7E4C - #D4DACB

Miscela HSV

#6C7E4C - #D4DACB | 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 #6C7E4C come 0% e #D4DACB come 100%.

0.0%	0.0% #6C7E4C	RGB 108 126 76	#6C7E4C
16.7%	16.7% #7B8D5C	RGB 123 141 92	#7B8D5C
33.3%	33.3% #8B9C6F	RGB 139 156 111	#8B9C6F
50.0%	50.0% #9CAC83	RGB 156 172 131	#9CAC83
66.7%	66.7% #AEBB99	RGB 174 187 153	#AEBB99
83.3%	83.3% #C0CAB1	RGB 192 202 177	#C0CAB1
100.0%	100.0% #D4DACB	RGB 212 218 203	#D4DACB

#6C7E4C #7B8D5C #8B9C6F #9CAC83 #AEBB99 #C0CAB1 #D4DACB

#6C7E4C - #9CAC83 - #D4DACB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C7E4C 0%, #9CAC83 50%, #D4DACB 100%);
    background: -webkit-linear-gradient(top, #6C7E4C 0%, #9CAC83 50%, #D4DACB 100%);
    background: linear-gradient(to bottom, #6C7E4C 0%, #9CAC83 50%, #D4DACB 100%);
}
</style>