#5E8F77 - #C0CC8C | 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 #5E8F77 a #C0CC8C

#5E8F77 #C0CC8C

Calcola il colore tra due colori, #5E8F77 e #C0CC8C. 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)

#5E8F77 - #C0CC8C | 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 #5E8F77 come 0% e #C0CC8C come 100%.

0.0%	0.0% #5E8F77	RGB 94 143 119	#5E8F77
16.7%	16.7% #6E997A	RGB 110 153 122	#6E997A
33.3%	33.3% #7EA37E	RGB 126 163 126	#7EA37E
50.0%	50.0% #8FAD81	RGB 143 173 129	#8FAD81
66.7%	66.7% #9FB785	RGB 159 183 133	#9FB785
83.3%	83.3% #AFC188	RGB 175 193 136	#AFC188
100.0%	100.0% #C0CC8C	RGB 192 204 140	#C0CC8C

#5E8F77 #6E997A #7EA37E #8FAD81 #9FB785 #AFC188 #C0CC8C

#5E8F77 - #C0CC8C

Miscela HSV

#5E8F77 - #C0CC8C | 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 #5E8F77 come 0% e #C0CC8C come 100%.

0.0%	0.0% #5E8F77	RGB 94 143 119	#5E8F77
16.7%	16.7% #659974	RGB 101 153 116	#659974
33.3%	33.3% #6CA370	RGB 108 163 112	#6CA370
50.0%	50.0% #7DAD74	RGB 125 173 116	#7DAD74
66.7%	66.7% #92B77C	RGB 146 183 124	#92B77C
83.3%	83.3% #A8C184	RGB 168 193 132	#A8C184
100.0%	100.0% #C0CC8C	RGB 192 204 140	#C0CC8C

#5E8F77 #659974 #6CA370 #7DAD74 #92B77C #A8C184 #C0CC8C

#5E8F77 - #7DAD74 - #C0CC8C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F77 0%, #7DAD74 50%, #C0CC8C 100%);
    background: -webkit-linear-gradient(top, #5E8F77 0%, #7DAD74 50%, #C0CC8C 100%);
    background: linear-gradient(to bottom, #5E8F77 0%, #7DAD74 50%, #C0CC8C 100%);
}
</style>