#ECFFC1 - #B9EE6E | 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 #ECFFC1 a #B9EE6E

#ECFFC1 #B9EE6E

Calcola il colore tra due colori, #ECFFC1 e #B9EE6E. 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)

#ECFFC1 - #B9EE6E | 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 #ECFFC1 come 0% e #B9EE6E come 100%.

0.0%	0.0% #ECFFC1	RGB 236 255 193	#ECFFC1
16.7%	16.7% #E3FCB3	RGB 227 252 179	#E3FCB3
33.3%	33.3% #DBF9A5	RGB 219 249 165	#DBF9A5
50.0%	50.0% #D2F697	RGB 210 246 151	#D2F697
66.7%	66.7% #CAF389	RGB 202 243 137	#CAF389
83.3%	83.3% #C1F07B	RGB 193 240 123	#C1F07B
100.0%	100.0% #B9EE6E	RGB 185 238 110	#B9EE6E

#ECFFC1 #E3FCB3 #DBF9A5 #D2F697 #CAF389 #C1F07B #B9EE6E

#ECFFC1 - #B9EE6E

Miscela HSV

#ECFFC1 - #B9EE6E | 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 #ECFFC1 come 0% e #B9EE6E come 100%.

0.0%	0.0% #ECFFC1	RGB 236 255 193	#ECFFC1
16.7%	16.7% #E4FCB2	RGB 228 252 178	#E4FCB2
33.3%	33.3% #DCF9A4	RGB 220 249 164	#DCF9A4
50.0%	50.0% #D3F696	RGB 211 246 150	#D3F696
66.7%	66.7% #CBF388	RGB 203 243 136	#CBF388
83.3%	83.3% #C2F07B	RGB 194 240 123	#C2F07B
100.0%	100.0% #B9EE6E	RGB 185 238 110	#B9EE6E

#ECFFC1 #E4FCB2 #DCF9A4 #D3F696 #CBF388 #C2F07B #B9EE6E

#ECFFC1 - #D3F696 - #B9EE6E

Codici CSS

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

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