#B0A8C7 - #DBE5D1 | 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 #B0A8C7 a #DBE5D1

#B0A8C7 #DBE5D1

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

#B0A8C7 - #DBE5D1 | 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 #B0A8C7 come 0% e #DBE5D1 come 100%.

0.0%	0.0% #B0A8C7	RGB 176 168 199	#B0A8C7
16.7%	16.7% #B7B2C8	RGB 183 178 200	#B7B2C8
33.3%	33.3% #BEBCCA	RGB 190 188 202	#BEBCCA
50.0%	50.0% #C5C6CC	RGB 197 198 204	#C5C6CC
66.7%	66.7% #CCD0CD	RGB 204 208 205	#CCD0CD
83.3%	83.3% #D3DACF	RGB 211 218 207	#D3DACF
100.0%	100.0% #DBE5D1	RGB 219 229 209	#DBE5D1

#B0A8C7 #B7B2C8 #BEBCCA #C5C6CC #CCD0CD #D3DACF #DBE5D1

#B0A8C7 - #DBE5D1

Miscela HSV

#B0A8C7 - #DBE5D1 | 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 #B0A8C7 come 0% e #DBE5D1 come 100%.

0.0%	0.0% #B0A8C7	RGB 176 168 199	#B0A8C7
16.7%	16.7% #AEB4CC	RGB 174 180 204	#AEB4CC
33.3%	33.3% #B5C7D1	RGB 181 199 209	#B5C7D1
50.0%	50.0% #BBD6D2	RGB 187 214 210	#BBD6D2
66.7%	66.7% #C2DBCC	RGB 194 219 204	#C2DBCC
83.3%	83.3% #CAE0C9	RGB 202 224 201	#CAE0C9
100.0%	100.0% #DBE5D1	RGB 219 229 209	#DBE5D1

#B0A8C7 #AEB4CC #B5C7D1 #BBD6D2 #C2DBCC #CAE0C9 #DBE5D1

#B0A8C7 - #BBD6D2 - #DBE5D1

Codici CSS

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

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