#BBCCF3 - #DAE3EB | 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 #BBCCF3 a #DAE3EB

#BBCCF3 #DAE3EB

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

#BBCCF3 - #DAE3EB | 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 #BBCCF3 come 0% e #DAE3EB come 100%.

0.0%	0.0% #BBCCF3	RGB 187 204 243	#BBCCF3
16.7%	16.7% #C0CFF1	RGB 192 207 241	#C0CFF1
33.3%	33.3% #C5D3F0	RGB 197 211 240	#C5D3F0
50.0%	50.0% #CAD7EF	RGB 202 215 239	#CAD7EF
66.7%	66.7% #CFDBED	RGB 207 219 237	#CFDBED
83.3%	83.3% #D4DFEC	RGB 212 223 236	#D4DFEC
100.0%	100.0% #DAE3EB	RGB 218 227 235	#DAE3EB

#BBCCF3 #C0CFF1 #C5D3F0 #CAD7EF #CFDBED #D4DFEC #DAE3EB

#BBCCF3 - #DAE3EB

Miscela HSV

#BBCCF3 - #DAE3EB | 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 #BBCCF3 come 0% e #DAE3EB come 100%.

0.0%	0.0% #BBCCF3	RGB 187 204 243	#BBCCF3
16.7%	16.7% #C0D1F1	RGB 192 209 241	#C0D1F1
33.3%	33.3% #C5D5F0	RGB 197 213 240	#C5D5F0
50.0%	50.0% #CAD9EF	RGB 202 217 239	#CAD9EF
66.7%	66.7% #CFDDED	RGB 207 221 237	#CFDDED
83.3%	83.3% #D5E0EC	RGB 213 224 236	#D5E0EC
100.0%	100.0% #DAE3EB	RGB 218 227 235	#DAE3EB

#BBCCF3 #C0D1F1 #C5D5F0 #CAD9EF #CFDDED #D5E0EC #DAE3EB

#BBCCF3 - #CAD9EF - #DAE3EB

Codici CSS

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

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