#E7EEEE - #DFEEE3 | 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 #E7EEEE a #DFEEE3

#E7EEEE #DFEEE3

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

#E7EEEE - #DFEEE3 | 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 #E7EEEE come 0% e #DFEEE3 come 100%.

0.0%	0.0% #E7EEEE	RGB 231 238 238	#E7EEEE
16.7%	16.7% #E5EEEC	RGB 229 238 236	#E5EEEC
33.3%	33.3% #E4EEEA	RGB 228 238 234	#E4EEEA
50.0%	50.0% #E3EEE8	RGB 227 238 232	#E3EEE8
66.7%	66.7% #E1EEE6	RGB 225 238 230	#E1EEE6
83.3%	83.3% #E0EEE4	RGB 224 238 228	#E0EEE4
100.0%	100.0% #DFEEE3	RGB 223 238 227	#DFEEE3

#E7EEEE #E5EEEC #E4EEEA #E3EEE8 #E1EEE6 #E0EEE4 #DFEEE3

#E7EEEE - #DFEEE3

Miscela HSV

#E7EEEE - #DFEEE3 | 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 #E7EEEE come 0% e #DFEEE3 come 100%.

0.0%	0.0% #E7EEEE	RGB 231 238 238	#E7EEEE
16.7%	16.7% #E5EEEC	RGB 229 238 236	#E5EEEC
33.3%	33.3% #E4EEEB	RGB 228 238 235	#E4EEEB
50.0%	50.0% #E3EEE9	RGB 227 238 233	#E3EEE9
66.7%	66.7% #E1EEE7	RGB 225 238 231	#E1EEE7
83.3%	83.3% #E0EEE5	RGB 224 238 229	#E0EEE5
100.0%	100.0% #DFEEE3	RGB 223 238 227	#DFEEE3

#E7EEEE #E5EEEC #E4EEEB #E3EEE9 #E1EEE7 #E0EEE5 #DFEEE3

#E7EEEE - #E3EEE9 - #DFEEE3

Codici CSS

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

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