#C8F2DA - #DFEDE2 | 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 #C8F2DA a #DFEDE2

#C8F2DA #DFEDE2

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

#C8F2DA - #DFEDE2 | 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 #C8F2DA come 0% e #DFEDE2 come 100%.

0.0%	0.0% #C8F2DA	RGB 200 242 218	#C8F2DA
16.7%	16.7% #CBF1DB	RGB 203 241 219	#CBF1DB
33.3%	33.3% #CFF0DC	RGB 207 240 220	#CFF0DC
50.0%	50.0% #D3EFDE	RGB 211 239 222	#D3EFDE
66.7%	66.7% #D7EEDF	RGB 215 238 223	#D7EEDF
83.3%	83.3% #DBEDE0	RGB 219 237 224	#DBEDE0
100.0%	100.0% #DFEDE2	RGB 223 237 226	#DFEDE2

#C8F2DA #CBF1DB #CFF0DC #D3EFDE #D7EEDF #DBEDE0 #DFEDE2

#C8F2DA - #DFEDE2

Miscela HSV

#C8F2DA - #DFEDE2 | 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 #C8F2DA come 0% e #DFEDE2 come 100%.

0.0%	0.0% #C8F2DA	RGB 200 242 218	#C8F2DA
16.7%	16.7% #CBF1DA	RGB 203 241 218	#CBF1DA
33.3%	33.3% #CFF0DB	RGB 207 240 219	#CFF0DB
50.0%	50.0% #D3EFDC	RGB 211 239 220	#D3EFDC
66.7%	66.7% #D7EEDE	RGB 215 238 222	#D7EEDE
83.3%	83.3% #DBEDDF	RGB 219 237 223	#DBEDDF
100.0%	100.0% #DFEDE2	RGB 223 237 226	#DFEDE2

#C8F2DA #CBF1DA #CFF0DB #D3EFDC #D7EEDE #DBEDDF #DFEDE2

#C8F2DA - #D3EFDC - #DFEDE2

Codici CSS

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

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