#C2D4D9 - #EDF2F4 | 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 #C2D4D9 a #EDF2F4

#C2D4D9 #EDF2F4

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

#C2D4D9 - #EDF2F4 | 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 #C2D4D9 come 0% e #EDF2F4 come 100%.

0.0%	0.0% #C2D4D9	RGB 194 212 217	#C2D4D9
16.7%	16.7% #C9D9DD	RGB 201 217 221	#C9D9DD
33.3%	33.3% #D0DEE2	RGB 208 222 226	#D0DEE2
50.0%	50.0% #D7E3E6	RGB 215 227 230	#D7E3E6
66.7%	66.7% #DEE8EB	RGB 222 232 235	#DEE8EB
83.3%	83.3% #E5EDEF	RGB 229 237 239	#E5EDEF
100.0%	100.0% #EDF2F4	RGB 237 242 244	#EDF2F4

#C2D4D9 #C9D9DD #D0DEE2 #D7E3E6 #DEE8EB #E5EDEF #EDF2F4

#C2D4D9 - #EDF2F4

Miscela HSV

#C2D4D9 - #EDF2F4 | 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 #C2D4D9 come 0% e #EDF2F4 come 100%.

0.0%	0.0% #C2D4D9	RGB 194 212 217	#C2D4D9
16.7%	16.7% #C8D8DD	RGB 200 216 221	#C8D8DD
33.3%	33.3% #CFDDE2	RGB 207 221 226	#CFDDE2
50.0%	50.0% #D6E2E6	RGB 214 226 230	#D6E2E6
66.7%	66.7% #DEE7EB	RGB 222 231 235	#DEE7EB
83.3%	83.3% #E5ECEF	RGB 229 236 239	#E5ECEF
100.0%	100.0% #EDF2F4	RGB 237 242 244	#EDF2F4

#C2D4D9 #C8D8DD #CFDDE2 #D6E2E6 #DEE7EB #E5ECEF #EDF2F4

#C2D4D9 - #D6E2E6 - #EDF2F4

Codici CSS

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

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