#DBE3E5 - #8F99AD | 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 #DBE3E5 a #8F99AD

#DBE3E5 #8F99AD

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

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

0.0%	0.0% #DBE3E5	RGB 219 227 229	#DBE3E5
16.7%	16.7% #CED6DB	RGB 206 214 219	#CED6DB
33.3%	33.3% #C1CAD2	RGB 193 202 210	#C1CAD2
50.0%	50.0% #B5BEC9	RGB 181 190 201	#B5BEC9
66.7%	66.7% #A8B1BF	RGB 168 177 191	#A8B1BF
83.3%	83.3% #9BA5B6	RGB 155 165 182	#9BA5B6
100.0%	100.0% #8F99AD	RGB 143 153 173	#8F99AD

#DBE3E5 #CED6DB #C1CAD2 #B5BEC9 #A8B1BF #9BA5B6 #8F99AD

#DBE3E5 - #8F99AD

Miscela HSV

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

0.0%	0.0% #DBE3E5	RGB 219 227 229	#DBE3E5
16.7%	16.7% #CDD7DB	RGB 205 215 219	#CDD7DB
33.3%	33.3% #C0CBD2	RGB 192 203 210	#C0CBD2
50.0%	50.0% #B3BFC9	RGB 179 191 201	#B3BFC9
66.7%	66.7% #A6B2BF	RGB 166 178 191	#A6B2BF
83.3%	83.3% #9AA6B6	RGB 154 166 182	#9AA6B6
100.0%	100.0% #8F99AD	RGB 143 153 173	#8F99AD

#DBE3E5 #CDD7DB #C0CBD2 #B3BFC9 #A6B2BF #9AA6B6 #8F99AD

#DBE3E5 - #B3BFC9 - #8F99AD

Codici CSS

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

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