#C8DFBC - #F5EFCA | 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 #C8DFBC a #F5EFCA

#C8DFBC #F5EFCA

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

#C8DFBC - #F5EFCA | 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 #C8DFBC come 0% e #F5EFCA come 100%.

0.0%	0.0% #C8DFBC	RGB 200 223 188	#C8DFBC
16.7%	16.7% #CFE1BE	RGB 207 225 190	#CFE1BE
33.3%	33.3% #D7E4C0	RGB 215 228 192	#D7E4C0
50.0%	50.0% #DEE7C3	RGB 222 231 195	#DEE7C3
66.7%	66.7% #E6E9C5	RGB 230 233 197	#E6E9C5
83.3%	83.3% #EDECC7	RGB 237 236 199	#EDECC7
100.0%	100.0% #F5EFCA	RGB 245 239 202	#F5EFCA

#C8DFBC #CFE1BE #D7E4C0 #DEE7C3 #E6E9C5 #EDECC7 #F5EFCA

#C8DFBC - #F5EFCA

Miscela HSV

#C8DFBC - #F5EFCA | 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 #C8DFBC come 0% e #F5EFCA come 100%.

0.0%	0.0% #C8DFBC	RGB 200 223 188	#C8DFBC
16.7%	16.7% #CFE2BE	RGB 207 226 190	#CFE2BE
33.3%	33.3% #D7E6C0	RGB 215 230 192	#D7E6C0
50.0%	50.0% #DFEAC3	RGB 223 234 195	#DFEAC3
66.7%	66.7% #E8EDC5	RGB 232 237 197	#E8EDC5
83.3%	83.3% #F1F1C7	RGB 241 241 199	#F1F1C7
100.0%	100.0% #F5EFCA	RGB 245 239 202	#F5EFCA

#C8DFBC #CFE2BE #D7E6C0 #DFEAC3 #E8EDC5 #F1F1C7 #F5EFCA

#C8DFBC - #DFEAC3 - #F5EFCA

Codici CSS

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

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