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

#BBC8D9 #EBEFF4

Calcola il colore tra due colori, #BBC8D9 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)

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

0.0%	0.0% #BBC8D9	RGB 187 200 217	#BBC8D9
16.7%	16.7% #C3CEDD	RGB 195 206 221	#C3CEDD
33.3%	33.3% #CBD5E2	RGB 203 213 226	#CBD5E2
50.0%	50.0% #D3DBE6	RGB 211 219 230	#D3DBE6
66.7%	66.7% #DBE2EB	RGB 219 226 235	#DBE2EB
83.3%	83.3% #E3E8EF	RGB 227 232 239	#E3E8EF
100.0%	100.0% #EBEFF4	RGB 235 239 244	#EBEFF4

#BBC8D9 #C3CEDD #CBD5E2 #D3DBE6 #DBE2EB #E3E8EF #EBEFF4

#BBC8D9 - #EBEFF4

Miscela HSV

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

0.0%	0.0% #BBC8D9	RGB 187 200 217	#BBC8D9
16.7%	16.7% #C2CEDD	RGB 194 206 221	#C2CEDD
33.3%	33.3% #CAD4E2	RGB 202 212 226	#CAD4E2
50.0%	50.0% #D2DBE6	RGB 210 219 230	#D2DBE6
66.7%	66.7% #DAE1EB	RGB 218 225 235	#DAE1EB
83.3%	83.3% #E2E8EF	RGB 226 232 239	#E2E8EF
100.0%	100.0% #EBEFF4	RGB 235 239 244	#EBEFF4

#BBC8D9 #C2CEDD #CAD4E2 #D2DBE6 #DAE1EB #E2E8EF #EBEFF4

#BBC8D9 - #D2DBE6 - #EBEFF4

Codici CSS

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

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