#359A60 - #C5E2D1 | 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 #359A60 a #C5E2D1

#359A60 #C5E2D1

Calcola il colore tra due colori, #359A60 e #C5E2D1. 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)

#359A60 - #C5E2D1 | 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 #359A60 come 0% e #C5E2D1 come 100%.

0.0%	0.0% #359A60	RGB 53 154 96	#359A60
16.7%	16.7% #4DA672	RGB 77 166 114	#4DA672
33.3%	33.3% #65B285	RGB 101 178 133	#65B285
50.0%	50.0% #7DBE98	RGB 125 190 152	#7DBE98
66.7%	66.7% #95CAAB	RGB 149 202 171	#95CAAB
83.3%	83.3% #ADD6BE	RGB 173 214 190	#ADD6BE
100.0%	100.0% #C5E2D1	RGB 197 226 209	#C5E2D1

#359A60 #4DA672 #65B285 #7DBE98 #95CAAB #ADD6BE #C5E2D1

#359A60 - #C5E2D1

Miscela HSV

#359A60 - #C5E2D1 | 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 #359A60 come 0% e #C5E2D1 come 100%.

0.0%	0.0% #359A60	RGB 53 154 96	#359A60
16.7%	16.7% #47A66F	RGB 71 166 111	#47A66F
33.3%	33.3% #5CB280	RGB 92 178 128	#5CB280
50.0%	50.0% #73BE92	RGB 115 190 146	#73BE92
66.7%	66.7% #8CCAA6	RGB 140 202 166	#8CCAA6
83.3%	83.3% #A7D6BA	RGB 167 214 186	#A7D6BA
100.0%	100.0% #C5E2D1	RGB 197 226 209	#C5E2D1

#359A60 #47A66F #5CB280 #73BE92 #8CCAA6 #A7D6BA #C5E2D1

#359A60 - #73BE92 - #C5E2D1

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #359A60 0%, #73BE92 50%, #C5E2D1 100%);
    background: -webkit-linear-gradient(top, #359A60 0%, #73BE92 50%, #C5E2D1 100%);
    background: linear-gradient(to bottom, #359A60 0%, #73BE92 50%, #C5E2D1 100%);
}
</style>