#BDC5DA - #E7E6DF | 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 #BDC5DA a #E7E6DF

#BDC5DA #E7E6DF

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

#BDC5DA - #E7E6DF | 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 #BDC5DA come 0% e #E7E6DF come 100%.

0.0%	0.0% #BDC5DA	RGB 189 197 218	#BDC5DA
16.7%	16.7% #C4CADA	RGB 196 202 218	#C4CADA
33.3%	33.3% #CBD0DB	RGB 203 208 219	#CBD0DB
50.0%	50.0% #D2D5DC	RGB 210 213 220	#D2D5DC
66.7%	66.7% #D9DBDD	RGB 217 219 221	#D9DBDD
83.3%	83.3% #E0E0DE	RGB 224 224 222	#E0E0DE
100.0%	100.0% #E7E6DF	RGB 231 230 223	#E7E6DF

#BDC5DA #C4CADA #CBD0DB #D2D5DC #D9DBDD #E0E0DE #E7E6DF

#BDC5DA - #E7E6DF

Miscela HSV

#BDC5DA - #E7E6DF | 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 #BDC5DA come 0% e #E7E6DF come 100%.

0.0%	0.0% #BDC5DA	RGB 189 197 218	#BDC5DA
16.7%	16.7% #C2D5DC	RGB 194 213 220	#C2D5DC
33.3%	33.3% #C8DED9	RGB 200 222 217	#C8DED9
50.0%	50.0% #CDE0D3	RGB 205 224 211	#CDE0D3
66.7%	66.7% #D6E2D3	RGB 214 226 211	#D6E2D3
83.3%	83.3% #E0E4D9	RGB 224 228 217	#E0E4D9
100.0%	100.0% #E7E6DF	RGB 231 230 223	#E7E6DF

#BDC5DA #C2D5DC #C8DED9 #CDE0D3 #D6E2D3 #E0E4D9 #E7E6DF

#BDC5DA - #CDE0D3 - #E7E6DF

Codici CSS

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

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