#3CBE9F - #C7ECE2 | 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 #3CBE9F a #C7ECE2

#3CBE9F #C7ECE2

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

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

0.0%	0.0% #3CBE9F	RGB 60 190 159	#3CBE9F
16.7%	16.7% #53C5AA	RGB 83 197 170	#53C5AA
33.3%	33.3% #6ACDB5	RGB 106 205 181	#6ACDB5
50.0%	50.0% #81D5C0	RGB 129 213 192	#81D5C0
66.7%	66.7% #98DCCB	RGB 152 220 203	#98DCCB
83.3%	83.3% #AFE4D6	RGB 175 228 214	#AFE4D6
100.0%	100.0% #C7ECE2	RGB 199 236 226	#C7ECE2

#3CBE9F #53C5AA #6ACDB5 #81D5C0 #98DCCB #AFE4D6 #C7ECE2

#3CBE9F - #C7ECE2

Miscela HSV

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

0.0%	0.0% #3CBE9E	RGB 60 190 158	#3CBE9E
16.7%	16.7% #4FC5A8	RGB 79 197 168	#4FC5A8
33.3%	33.3% #64CDB3	RGB 100 205 179	#64CDB3
50.0%	50.0% #7BD5BE	RGB 123 213 190	#7BD5BE
66.7%	66.7% #93DCC9	RGB 147 220 201	#93DCC9
83.3%	83.3% #ACE4D5	RGB 172 228 213	#ACE4D5
100.0%	100.0% #C7ECE2	RGB 199 236 226	#C7ECE2

#3CBE9E #4FC5A8 #64CDB3 #7BD5BE #93DCC9 #ACE4D5 #C7ECE2

#3CBE9F - #7BD5BE - #C7ECE2

Codici CSS

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

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