#EDFFE3 - #8ECE8B | 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 #EDFFE3 a #8ECE8B

#EDFFE3 #8ECE8B

Calcola il colore tra due colori, #EDFFE3 e #8ECE8B. 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)

#EDFFE3 - #8ECE8B | 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 #EDFFE3 come 0% e #8ECE8B come 100%.

0.0%	0.0% #EDFFE3	RGB 237 255 227	#EDFFE3
16.7%	16.7% #DDF6D4	RGB 221 246 212	#DDF6D4
33.3%	33.3% #CDEEC5	RGB 205 238 197	#CDEEC5
50.0%	50.0% #BDE6B7	RGB 189 230 183	#BDE6B7
66.7%	66.7% #ADDEA8	RGB 173 222 168	#ADDEA8
83.3%	83.3% #9DD699	RGB 157 214 153	#9DD699
100.0%	100.0% #8ECE8B	RGB 142 206 139	#8ECE8B

#EDFFE3 #DDF6D4 #CDEEC5 #BDE6B7 #ADDEA8 #9DD699 #8ECE8B

#EDFFE3 - #8ECE8B

Miscela HSV

#EDFFE3 - #8ECE8B | 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 #EDFFE3 come 0% e #8ECE8B come 100%.

0.0%	0.0% #EDFFE3	RGB 237 255 227	#EDFFE3
16.7%	16.7% #DDF6D2	RGB 221 246 210	#DDF6D2
33.3%	33.3% #CEEEC3	RGB 206 238 195	#CEEEC3
50.0%	50.0% #BEE6B4	RGB 190 230 180	#BEE6B4
66.7%	66.7% #AEDEA5	RGB 174 222 165	#AEDEA5
83.3%	83.3% #9ED698	RGB 158 214 152	#9ED698
100.0%	100.0% #8ECE8B	RGB 142 206 139	#8ECE8B

#EDFFE3 #DDF6D2 #CEEEC3 #BEE6B4 #AEDEA5 #9ED698 #8ECE8B

#EDFFE3 - #BEE6B4 - #8ECE8B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EDFFE3 0%, #BEE6B4 50%, #8ECE8B 100%);
    background: -webkit-linear-gradient(top, #EDFFE3 0%, #BEE6B4 50%, #8ECE8B 100%);
    background: linear-gradient(to bottom, #EDFFE3 0%, #BEE6B4 50%, #8ECE8B 100%);
}
</style>