#B8DAD5 - #DFDDDB | 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 #B8DAD5 a #DFDDDB

#B8DAD5 #DFDDDB

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

#B8DAD5 - #DFDDDB | 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 #B8DAD5 come 0% e #DFDDDB come 100%.

0.0%	0.0% #B8DAD5	RGB 184 218 213	#B8DAD5
16.7%	16.7% #BEDAD6	RGB 190 218 214	#BEDAD6
33.3%	33.3% #C5DBD7	RGB 197 219 215	#C5DBD7
50.0%	50.0% #CBDBD8	RGB 203 219 216	#CBDBD8
66.7%	66.7% #D2DCD9	RGB 210 220 217	#D2DCD9
83.3%	83.3% #D8DCDA	RGB 216 220 218	#D8DCDA
100.0%	100.0% #DFDDDB	RGB 223 221 219	#DFDDDB

#B8DAD5 #BEDAD6 #C5DBD7 #CBDBD8 #D2DCD9 #D8DCDA #DFDDDB

#B8DAD5 - #DFDDDB

Miscela HSV

#B8DAD5 - #DFDDDB | 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 #B8DAD5 come 0% e #DFDDDB come 100%.

0.0%	0.0% #B8DAD5	RGB 184 218 213	#B8DAD5
16.7%	16.7% #BDDACB	RGB 189 218 203	#BDDACB
33.3%	33.3% #C3DBC5	RGB 195 219 197	#C3DBC5
50.0%	50.0% #CFDCC9	RGB 207 220 201	#CFDCC9
66.7%	66.7% #D9DDCF	RGB 217 221 207	#D9DDCF
83.3%	83.3% #DEDDD5	RGB 222 221 213	#DEDDD5
100.0%	100.0% #DFDDDB	RGB 223 221 219	#DFDDDB

#B8DAD5 #BDDACB #C3DBC5 #CFDCC9 #D9DDCF #DEDDD5 #DFDDDB

#B8DAD5 - #CFDCC9 - #DFDDDB

Codici CSS

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

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