#B2B5EE - #DBDDE7 | 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 #B2B5EE a #DBDDE7

#B2B5EE #DBDDE7

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

#B2B5EE - #DBDDE7 | 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 #B2B5EE come 0% e #DBDDE7 come 100%.

0.0%	0.0% #B2B5EE	RGB 178 181 238	#B2B5EE
16.7%	16.7% #B8BBEC	RGB 184 187 236	#B8BBEC
33.3%	33.3% #BFC2EB	RGB 191 194 235	#BFC2EB
50.0%	50.0% #C6C9EA	RGB 198 201 234	#C6C9EA
66.7%	66.7% #CDCFE9	RGB 205 207 233	#CDCFE9
83.3%	83.3% #D4D6E8	RGB 212 214 232	#D4D6E8
100.0%	100.0% #DBDDE7	RGB 219 221 231	#DBDDE7

#B2B5EE #B8BBEC #BFC2EB #C6C9EA #CDCFE9 #D4D6E8 #DBDDE7

#B2B5EE - #DBDDE7

Miscela HSV

#B2B5EE - #DBDDE7 | 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 #B2B5EE come 0% e #DBDDE7 come 100%.

0.0%	0.0% #B2B4EE	RGB 178 180 238	#B2B4EE
16.7%	16.7% #B9BCEC	RGB 185 188 236	#B9BCEC
33.3%	33.3% #BFC3EB	RGB 191 195 235	#BFC3EB
50.0%	50.0% #C6CAEA	RGB 198 202 234	#C6CAEA
66.7%	66.7% #CDD1E9	RGB 205 209 233	#CDD1E9
83.3%	83.3% #D4D7E8	RGB 212 215 232	#D4D7E8
100.0%	100.0% #DBDDE7	RGB 219 221 231	#DBDDE7

#B2B4EE #B9BCEC #BFC3EB #C6CAEA #CDD1E9 #D4D7E8 #DBDDE7

#B2B5EE - #C6CAEA - #DBDDE7

Codici CSS

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

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