#DBE3E9 - #899CB2 | 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 #DBE3E9 a #899CB2

#DBE3E9 #899CB2

Calcola il colore tra due colori, #DBE3E9 e #899CB2. 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)

#DBE3E9 - #899CB2 | 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 #DBE3E9 come 0% e #899CB2 come 100%.

0.0%	0.0% #DBE3E9	RGB 219 227 233	#DBE3E9
16.7%	16.7% #CDD7DF	RGB 205 215 223	#CDD7DF
33.3%	33.3% #BFCBD6	RGB 191 203 214	#BFCBD6
50.0%	50.0% #B2BFCD	RGB 178 191 205	#B2BFCD
66.7%	66.7% #A4B3C4	RGB 164 179 196	#A4B3C4
83.3%	83.3% #96A7BB	RGB 150 167 187	#96A7BB
100.0%	100.0% #899CB2	RGB 137 156 178	#899CB2

#DBE3E9 #CDD7DF #BFCBD6 #B2BFCD #A4B3C4 #96A7BB #899CB2

#DBE3E9 - #899CB2

Miscela HSV

#DBE3E9 - #899CB2 | 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 #DBE3E9 come 0% e #899CB2 come 100%.

0.0%	0.0% #DBE3E9	RGB 219 227 233	#DBE3E9
16.7%	16.7% #CCD6DF	RGB 204 214 223	#CCD6DF
33.3%	33.3% #BDCBD6	RGB 189 203 214	#BDCBD6
50.0%	50.0% #AFBFCD	RGB 175 191 205	#AFBFCD
66.7%	66.7% #A2B3C4	RGB 162 179 196	#A2B3C4
83.3%	83.3% #95A7BB	RGB 149 167 187	#95A7BB
100.0%	100.0% #899CB2	RGB 137 156 178	#899CB2

#DBE3E9 #CCD6DF #BDCBD6 #AFBFCD #A2B3C4 #95A7BB #899CB2

#DBE3E9 - #AFBFCD - #899CB2

Codici CSS

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

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