#45AC3C - #DECDC5 | 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 #45AC3C a #DECDC5

#45AC3C #DECDC5

Calcola il colore tra due colori, #45AC3C e #DECDC5. 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)

#45AC3C - #DECDC5 | 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 #45AC3C come 0% e #DECDC5 come 100%.

0.0%	0.0% #45AC3C	RGB 69 172 60	#45AC3C
16.7%	16.7% #5EB152	RGB 94 177 82	#5EB152
33.3%	33.3% #78B769	RGB 120 183 105	#78B769
50.0%	50.0% #91BC80	RGB 145 188 128	#91BC80
66.7%	66.7% #ABC297	RGB 171 194 151	#ABC297
83.3%	83.3% #C4C7AE	RGB 196 199 174	#C4C7AE
100.0%	100.0% #DECDC5	RGB 222 205 197	#DECDC5

#45AC3C #5EB152 #78B769 #91BC80 #ABC297 #C4C7AE #DECDC5

#45AC3C - #DECDC5

Miscela HSV

#45AC3C - #DECDC5 | 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 #45AC3C come 0% e #DECDC5 come 100%.

0.0%	0.0% #44AC3C	RGB 68 172 60	#44AC3C
16.7%	16.7% #72B44F	RGB 114 180 79	#72B44F
33.3%	33.3% #9ABC63	RGB 154 188 99	#9ABC63
50.0%	50.0% #BBC579	RGB 187 197 121	#BBC579
66.7%	66.7% #CDC491	RGB 205 196 145	#CDC491
83.3%	83.3% #D5C3AA	RGB 213 195 170	#D5C3AA
100.0%	100.0% #DECDC5	RGB 222 205 197	#DECDC5

#44AC3C #72B44F #9ABC63 #BBC579 #CDC491 #D5C3AA #DECDC5

#45AC3C - #BBC579 - #DECDC5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44AC3C 0%, #BBC579 50%, #DECDC5 100%);
    background: -webkit-linear-gradient(top, #44AC3C 0%, #BBC579 50%, #DECDC5 100%);
    background: linear-gradient(to bottom, #44AC3C 0%, #BBC579 50%, #DECDC5 100%);
}
</style>