#D9ED5E - #9FC31C | 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 #D9ED5E a #9FC31C

#D9ED5E #9FC31C

Calcola il colore tra due colori, #D9ED5E e #9FC31C. 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)

#D9ED5E - #9FC31C | 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 #D9ED5E come 0% e #9FC31C come 100%.

0.0%	0.0% #D9ED5E	RGB 217 237 94	#D9ED5E
16.7%	16.7% #CFE653	RGB 207 230 83	#CFE653
33.3%	33.3% #C5DF48	RGB 197 223 72	#C5DF48
50.0%	50.0% #BCD83D	RGB 188 216 61	#BCD83D
66.7%	66.7% #B2D132	RGB 178 209 50	#B2D132
83.3%	83.3% #A8CA27	RGB 168 202 39	#A8CA27
100.0%	100.0% #9FC31C	RGB 159 195 28	#9FC31C

#D9ED5E #CFE653 #C5DF48 #BCD83D #B2D132 #A8CA27 #9FC31C

#D9ED5E - #9FC31C

Miscela HSV

#D9ED5E - #9FC31C | 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 #D9ED5E come 0% e #9FC31C come 100%.

0.0%	0.0% #D9ED5E	RGB 217 237 94	#D9ED5E
16.7%	16.7% #CFE651	RGB 207 230 81	#CFE651
33.3%	33.3% #C5DF45	RGB 197 223 69	#C5DF45
50.0%	50.0% #BBD83A	RGB 187 216 58	#BBD83A
66.7%	66.7% #B2D12F	RGB 178 209 47	#B2D12F
83.3%	83.3% #A8CA25	RGB 168 202 37	#A8CA25
100.0%	100.0% #9FC31C	RGB 159 195 28	#9FC31C

#D9ED5E #CFE651 #C5DF45 #BBD83A #B2D12F #A8CA25 #9FC31C

#D9ED5E - #BBD83A - #9FC31C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9ED5E 0%, #BBD83A 50%, #9FC31C 100%);
    background: -webkit-linear-gradient(top, #D9ED5E 0%, #BBD83A 50%, #9FC31C 100%);
    background: linear-gradient(to bottom, #D9ED5E 0%, #BBD83A 50%, #9FC31C 100%);
}
</style>