#3CBB5E - #C7EBD1 | 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 #3CBB5E a #C7EBD1

#3CBB5E #C7EBD1

Calcola il colore tra due colori, #3CBB5E e #C7EBD1. 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)

#3CBB5E - #C7EBD1 | 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 #3CBB5E come 0% e #C7EBD1 come 100%.

0.0%	0.0% #3CBB5E	RGB 60 187 94	#3CBB5E
16.7%	16.7% #53C371	RGB 83 195 113	#53C371
33.3%	33.3% #6ACB84	RGB 106 203 132	#6ACB84
50.0%	50.0% #81D397	RGB 129 211 151	#81D397
66.7%	66.7% #98DBAA	RGB 152 219 170	#98DBAA
83.3%	83.3% #AFE3BD	RGB 175 227 189	#AFE3BD
100.0%	100.0% #C7EBD1	RGB 199 235 209	#C7EBD1

#3CBB5E #53C371 #6ACB84 #81D397 #98DBAA #AFE3BD #C7EBD1

#3CBB5E - #C7EBD1

Miscela HSV

#3CBB5E - #C7EBD1 | 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 #3CBB5E come 0% e #C7EBD1 come 100%.

0.0%	0.0% #3CBB5E	RGB 60 187 94	#3CBB5E
16.7%	16.7% #4FC36E	RGB 79 195 110	#4FC36E
33.3%	33.3% #64CB80	RGB 100 203 128	#64CB80
50.0%	50.0% #7BD393	RGB 123 211 147	#7BD393
66.7%	66.7% #93DBA6	RGB 147 219 166	#93DBA6
83.3%	83.3% #ACE3BB	RGB 172 227 187	#ACE3BB
100.0%	100.0% #C7EBD1	RGB 199 235 209	#C7EBD1

#3CBB5E #4FC36E #64CB80 #7BD393 #93DBA6 #ACE3BB #C7EBD1

#3CBB5E - #7BD393 - #C7EBD1

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CBB5E 0%, #7BD393 50%, #C7EBD1 100%);
    background: -webkit-linear-gradient(top, #3CBB5E 0%, #7BD393 50%, #C7EBD1 100%);
    background: linear-gradient(to bottom, #3CBB5E 0%, #7BD393 50%, #C7EBD1 100%);
}
</style>