#D3E8F6 - #7DA3C7 | 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 #D3E8F6 a #7DA3C7

#D3E8F6 #7DA3C7

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

#D3E8F6 - #7DA3C7 | 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 #D3E8F6 come 0% e #7DA3C7 come 100%.

0.0%	0.0% #D3E8F6	RGB 211 232 246	#D3E8F6
16.7%	16.7% #C4DCEE	RGB 196 220 238	#C4DCEE
33.3%	33.3% #B6D1E6	RGB 182 209 230	#B6D1E6
50.0%	50.0% #A8C5DE	RGB 168 197 222	#A8C5DE
66.7%	66.7% #99BAD6	RGB 153 186 214	#99BAD6
83.3%	83.3% #8BAECE	RGB 139 174 206	#8BAECE
100.0%	100.0% #7DA3C7	RGB 125 163 199	#7DA3C7

#D3E8F6 #C4DCEE #B6D1E6 #A8C5DE #99BAD6 #8BAECE #7DA3C7

#D3E8F6 - #7DA3C7

Miscela HSV

#D3E8F6 - #7DA3C7 | 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 #D3E8F6 come 0% e #7DA3C7 come 100%.

0.0%	0.0% #D3E8F6	RGB 211 232 246	#D3E8F6
16.7%	16.7% #C3DCEE	RGB 195 220 238	#C3DCEE
33.3%	33.3% #B3D0E6	RGB 179 208 230	#B3D0E6
50.0%	50.0% #A5C5DE	RGB 165 197 222	#A5C5DE
66.7%	66.7% #97B9D6	RGB 151 185 214	#97B9D6
83.3%	83.3% #89AECE	RGB 137 174 206	#89AECE
100.0%	100.0% #7DA3C7	RGB 125 163 199	#7DA3C7

#D3E8F6 #C3DCEE #B3D0E6 #A5C5DE #97B9D6 #89AECE #7DA3C7

#D3E8F6 - #A5C5DE - #7DA3C7

Codici CSS

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

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