#D4DCE2 - #D9F0EB | 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 #D4DCE2 a #D9F0EB

#D4DCE2 #D9F0EB

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

#D4DCE2 - #D9F0EB | 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 #D4DCE2 come 0% e #D9F0EB come 100%.

0.0%	0.0% #D4DCE2	RGB 212 220 226	#D4DCE2
16.7%	16.7% #D4DFE3	RGB 212 223 227	#D4DFE3
33.3%	33.3% #D5E2E5	RGB 213 226 229	#D5E2E5
50.0%	50.0% #D6E6E6	RGB 214 230 230	#D6E6E6
66.7%	66.7% #D7E9E8	RGB 215 233 232	#D7E9E8
83.3%	83.3% #D8ECE9	RGB 216 236 233	#D8ECE9
100.0%	100.0% #D9F0EB	RGB 217 240 235	#D9F0EB

#D4DCE2 #D4DFE3 #D5E2E5 #D6E6E6 #D7E9E8 #D8ECE9 #D9F0EB

#D4DCE2 - #D9F0EB

Miscela HSV

#D4DCE2 - #D9F0EB | 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 #D4DCE2 come 0% e #D9F0EB come 100%.

0.0%	0.0% #D4DCE2	RGB 212 220 226	#D4DCE2
16.7%	16.7% #D4DFE4	RGB 212 223 228	#D4DFE4
33.3%	33.3% #D5E3E6	RGB 213 227 230	#D5E3E6
50.0%	50.0% #D6E7E9	RGB 214 231 233	#D6E7E9
66.7%	66.7% #D7EBEB	RGB 215 235 235	#D7EBEB
83.3%	83.3% #D8EDEB	RGB 216 237 235	#D8EDEB
100.0%	100.0% #D9F0EB	RGB 217 240 235	#D9F0EB

#D4DCE2 #D4DFE4 #D5E3E6 #D6E7E9 #D7EBEB #D8EDEB #D9F0EB

#D4DCE2 - #D6E7E9 - #D9F0EB

Codici CSS

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

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