#A5E5CD - #3EB99E | 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 #A5E5CD a #3EB99E

#A5E5CD #3EB99E

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

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

0.0%	0.0% #A5E5CD	RGB 165 229 205	#A5E5CD
16.7%	16.7% #93DDC5	RGB 147 221 197	#93DDC5
33.3%	33.3% #82D6BD	RGB 130 214 189	#82D6BD
50.0%	50.0% #71CFB5	RGB 113 207 181	#71CFB5
66.7%	66.7% #60C7AD	RGB 96 199 173	#60C7AD
83.3%	83.3% #4FC0A5	RGB 79 192 165	#4FC0A5
100.0%	100.0% #3EB99E	RGB 62 185 158	#3EB99E

#A5E5CD #93DDC5 #82D6BD #71CFB5 #60C7AD #4FC0A5 #3EB99E

#A5E5CD - #3EB99E

Miscela HSV

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

0.0%	0.0% #A5E5CD	RGB 165 229 205	#A5E5CD
16.7%	16.7% #91DDC3	RGB 145 221 195	#91DDC3
33.3%	33.3% #7ED6BA	RGB 126 214 186	#7ED6BA
50.0%	50.0% #6DCFB1	RGB 109 207 177	#6DCFB1
66.7%	66.7% #5CC7AA	RGB 92 199 170	#5CC7AA
83.3%	83.3% #4CC0A3	RGB 76 192 163	#4CC0A3
100.0%	100.0% #3EB99E	RGB 62 185 158	#3EB99E

#A5E5CD #91DDC3 #7ED6BA #6DCFB1 #5CC7AA #4CC0A3 #3EB99E

#A5E5CD - #6DCFB1 - #3EB99E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A5E5CD 0%, #6DCFB1 50%, #3EB99E 100%);
    background: -webkit-linear-gradient(top, #A5E5CD 0%, #6DCFB1 50%, #3EB99E 100%);
    background: linear-gradient(to bottom, #A5E5CD 0%, #6DCFB1 50%, #3EB99E 100%);
}
</style>