#BBCCDB - #EBEFF4 | 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 #BBCCDB a #EBEFF4

#BBCCDB #EBEFF4

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

#BBCCDB - #EBEFF4 | 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 #BBCCDB come 0% e #EBEFF4 come 100%.

0.0%	0.0% #BBCCDB	RGB 187 204 219	#BBCCDB
16.7%	16.7% #C3D1DF	RGB 195 209 223	#C3D1DF
33.3%	33.3% #CBD7E3	RGB 203 215 227	#CBD7E3
50.0%	50.0% #D3DDE7	RGB 211 221 231	#D3DDE7
66.7%	66.7% #DBE3EB	RGB 219 227 235	#DBE3EB
83.3%	83.3% #E3E9EF	RGB 227 233 239	#E3E9EF
100.0%	100.0% #EBEFF4	RGB 235 239 244	#EBEFF4

#BBCCDB #C3D1DF #CBD7E3 #D3DDE7 #DBE3EB #E3E9EF #EBEFF4

#BBCCDB - #EBEFF4

Miscela HSV

#BBCCDB - #EBEFF4 | 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 #BBCCDB come 0% e #EBEFF4 come 100%.

0.0%	0.0% #BBCCDB	RGB 187 204 219	#BBCCDB
16.7%	16.7% #C2D1DF	RGB 194 209 223	#C2D1DF
33.3%	33.3% #CAD6E3	RGB 202 214 227	#CAD6E3
50.0%	50.0% #D2DCE7	RGB 210 220 231	#D2DCE7
66.7%	66.7% #DAE2EB	RGB 218 226 235	#DAE2EB
83.3%	83.3% #E2E8EF	RGB 226 232 239	#E2E8EF
100.0%	100.0% #EBEFF4	RGB 235 239 244	#EBEFF4

#BBCCDB #C2D1DF #CAD6E3 #D2DCE7 #DAE2EB #E2E8EF #EBEFF4

#BBCCDB - #D2DCE7 - #EBEFF4

Codici CSS

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

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