#C6D9A1 - #83AF4D | 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 #C6D9A1 a #83AF4D

#C6D9A1 #83AF4D

Calcola il colore tra due colori, #C6D9A1 e #83AF4D. 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)

#C6D9A1 - #83AF4D | 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 #C6D9A1 come 0% e #83AF4D come 100%.

0.0%	0.0% #C6D9A1	RGB 198 217 161	#C6D9A1
16.7%	16.7% #BAD293	RGB 186 210 147	#BAD293
33.3%	33.3% #AFCB85	RGB 175 203 133	#AFCB85
50.0%	50.0% #A4C477	RGB 164 196 119	#A4C477
66.7%	66.7% #99BD69	RGB 153 189 105	#99BD69
83.3%	83.3% #8EB65B	RGB 142 182 91	#8EB65B
100.0%	100.0% #83AF4D	RGB 131 175 77	#83AF4D

#C6D9A1 #BAD293 #AFCB85 #A4C477 #99BD69 #8EB65B #83AF4D

#C6D9A1 - #83AF4D

Miscela HSV

#C6D9A1 - #83AF4D | 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 #C6D9A1 come 0% e #83AF4D come 100%.

0.0%	0.0% #C6D9A1	RGB 198 217 161	#C6D9A1
16.7%	16.7% #BAD291	RGB 186 210 145	#BAD291
33.3%	33.3% #AFCB82	RGB 175 203 130	#AFCB82
50.0%	50.0% #A4C473	RGB 164 196 115	#A4C473
66.7%	66.7% #99BD66	RGB 153 189 102	#99BD66
83.3%	83.3% #8EB659	RGB 142 182 89	#8EB659
100.0%	100.0% #83AF4D	RGB 131 175 77	#83AF4D

#C6D9A1 #BAD291 #AFCB82 #A4C473 #99BD66 #8EB659 #83AF4D

#C6D9A1 - #A4C473 - #83AF4D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6D9A1 0%, #A4C473 50%, #83AF4D 100%);
    background: -webkit-linear-gradient(top, #C6D9A1 0%, #A4C473 50%, #83AF4D 100%);
    background: linear-gradient(to bottom, #C6D9A1 0%, #A4C473 50%, #83AF4D 100%);
}
</style>