#D9DBDB - #72A8AA | 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 #D9DBDB a #72A8AA

#D9DBDB #72A8AA

Calcola il colore tra due colori, #D9DBDB e #72A8AA. 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)

#D9DBDB - #72A8AA | 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 #D9DBDB come 0% e #72A8AA come 100%.

0.0%	0.0% #D9DBDB	RGB 217 219 219	#D9DBDB
16.7%	16.7% #C7D2D2	RGB 199 210 210	#C7D2D2
33.3%	33.3% #B6CACA	RGB 182 202 202	#B6CACA
50.0%	50.0% #A5C1C2	RGB 165 193 194	#A5C1C2
66.7%	66.7% #94B9BA	RGB 148 185 186	#94B9BA
83.3%	83.3% #83B0B2	RGB 131 176 178	#83B0B2
100.0%	100.0% #72A8AA	RGB 114 168 170	#72A8AA

#D9DBDB #C7D2D2 #B6CACA #A5C1C2 #94B9BA #83B0B2 #72A8AA

#D9DBDB - #72A8AA

Miscela HSV

#D9DBDB - #72A8AA | 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 #D9DBDB come 0% e #72A8AA come 100%.

0.0%	0.0% #D9DBDB	RGB 217 219 219	#D9DBDB
16.7%	16.7% #C5D2D2	RGB 197 210 210	#C5D2D2
33.3%	33.3% #B3CACA	RGB 179 202 202	#B3CACA
50.0%	50.0% #A1C1C2	RGB 161 193 194	#A1C1C2
66.7%	66.7% #90B9BA	RGB 144 185 186	#90B9BA
83.3%	83.3% #80B0B2	RGB 128 176 178	#80B0B2
100.0%	100.0% #72A8AA	RGB 114 168 170	#72A8AA

#D9DBDB #C5D2D2 #B3CACA #A1C1C2 #90B9BA #80B0B2 #72A8AA

#D9DBDB - #A1C1C2 - #72A8AA

Codici CSS

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

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