#6DBB5E - #FFED81 | 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 #6DBB5E a #FFED81

#6DBB5E #FFED81

Calcola il colore tra due colori, #6DBB5E e #FFED81. 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)

#6DBB5E - #FFED81 | 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 #6DBB5E come 0% e #FFED81 come 100%.

0.0%	0.0% #6DBB5E	RGB 109 187 94	#6DBB5E
16.7%	16.7% #85C363	RGB 133 195 99	#85C363
33.3%	33.3% #9DCB69	RGB 157 203 105	#9DCB69
50.0%	50.0% #B6D46F	RGB 182 212 111	#B6D46F
66.7%	66.7% #CEDC75	RGB 206 220 117	#CEDC75
83.3%	83.3% #E6E47B	RGB 230 228 123	#E6E47B
100.0%	100.0% #FFED81	RGB 255 237 129	#FFED81

#6DBB5E #85C363 #9DCB69 #B6D46F #CEDC75 #E6E47B #FFED81

#6DBB5E - #FFED81

Miscela HSV

#6DBB5E - #FFED81 | 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 #6DBB5E come 0% e #FFED81 come 100%.

0.0%	0.0% #6DBB5E	RGB 109 187 94	#6DBB5E
16.7%	16.7% #83C663	RGB 131 198 99	#83C663
33.3%	33.3% #9CD169	RGB 156 209 105	#9CD169
50.0%	50.0% #B6DD6F	RGB 182 221 111	#B6DD6F
66.7%	66.7% #D3E875	RGB 211 232 117	#D3E875
83.3%	83.3% #F1F37B	RGB 241 243 123	#F1F37B
100.0%	100.0% #FFED81	RGB 255 237 129	#FFED81

#6DBB5E #83C663 #9CD169 #B6DD6F #D3E875 #F1F37B #FFED81

#6DBB5E - #B6DD6F - #FFED81

Codici CSS

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

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