#8C92AB - #DEDFE7 | 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 #8C92AB a #DEDFE7

#8C92AB #DEDFE7

Calcola il colore tra due colori, #8C92AB e #DEDFE7. 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)

#8C92AB - #DEDFE7 | 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 #8C92AB come 0% e #DEDFE7 come 100%.

0.0%	0.0% #8C92AB	RGB 140 146 171	#8C92AB
16.7%	16.7% #999EB5	RGB 153 158 181	#999EB5
33.3%	33.3% #A7ABBF	RGB 167 171 191	#A7ABBF
50.0%	50.0% #B5B8C9	RGB 181 184 201	#B5B8C9
66.7%	66.7% #C2C5D3	RGB 194 197 211	#C2C5D3
83.3%	83.3% #D0D2DD	RGB 208 210 221	#D0D2DD
100.0%	100.0% #DEDFE7	RGB 222 223 231	#DEDFE7

#8C92AB #999EB5 #A7ABBF #B5B8C9 #C2C5D3 #D0D2DD #DEDFE7

#8C92AB - #DEDFE7

Miscela HSV

#8C92AB - #DEDFE7 | 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 #8C92AB come 0% e #DEDFE7 come 100%.

0.0%	0.0% #8C92AB	RGB 140 146 171	#8C92AB
16.7%	16.7% #989DB5	RGB 152 157 181	#989DB5
33.3%	33.3% #A5A9BF	RGB 165 169 191	#A5A9BF
50.0%	50.0% #B2B6C9	RGB 178 182 201	#B2B6C9
66.7%	66.7% #C0C3D3	RGB 192 195 211	#C0C3D3
83.3%	83.3% #CFD0DD	RGB 207 208 221	#CFD0DD
100.0%	100.0% #DEDFE7	RGB 222 223 231	#DEDFE7

#8C92AB #989DB5 #A5A9BF #B2B6C9 #C0C3D3 #CFD0DD #DEDFE7

#8C92AB - #B2B6C9 - #DEDFE7

Codici CSS

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

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