#DDDFE3 - #C5E4EA | 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 #DDDFE3 a #C5E4EA

#DDDFE3 #C5E4EA

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

#DDDFE3 - #C5E4EA | 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 #DDDFE3 come 0% e #C5E4EA come 100%.

0.0%	0.0% #DDDFE3	RGB 221 223 227	#DDDFE3
16.7%	16.7% #D9DFE4	RGB 217 223 228	#D9DFE4
33.3%	33.3% #D5E0E5	RGB 213 224 229	#D5E0E5
50.0%	50.0% #D1E1E6	RGB 209 225 230	#D1E1E6
66.7%	66.7% #CDE2E7	RGB 205 226 231	#CDE2E7
83.3%	83.3% #C9E3E8	RGB 201 227 232	#C9E3E8
100.0%	100.0% #C5E4EA	RGB 197 228 234	#C5E4EA

#DDDFE3 #D9DFE4 #D5E0E5 #D1E1E6 #CDE2E7 #C9E3E8 #C5E4EA

#DDDFE3 - #C5E4EA

Miscela HSV

#DDDFE3 - #C5E4EA | 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 #DDDFE3 come 0% e #C5E4EA come 100%.

0.0%	0.0% #DDDFE3	RGB 221 223 227	#DDDFE3
16.7%	16.7% #D9DDE4	RGB 217 221 228	#D9DDE4
33.3%	33.3% #D5DDE5	RGB 213 221 229	#D5DDE5
50.0%	50.0% #D1DDE6	RGB 209 221 230	#D1DDE6
66.7%	66.7% #CDDEE7	RGB 205 222 231	#CDDEE7
83.3%	83.3% #C9E1E8	RGB 201 225 232	#C9E1E8
100.0%	100.0% #C5E4EA	RGB 197 228 234	#C5E4EA

#DDDFE3 #D9DDE4 #D5DDE5 #D1DDE6 #CDDEE7 #C9E1E8 #C5E4EA

#DDDFE3 - #D1DDE6 - #C5E4EA

Codici CSS

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

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