#DBE5E2 - #7AB3B3 | 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 #DBE5E2 a #7AB3B3

#DBE5E2 #7AB3B3

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

#DBE5E2 - #7AB3B3 | 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 #DBE5E2 come 0% e #7AB3B3 come 100%.

0.0%	0.0% #DBE5E2	RGB 219 229 226	#DBE5E2
16.7%	16.7% #CADCDA	RGB 202 220 218	#CADCDA
33.3%	33.3% #BAD4D2	RGB 186 212 210	#BAD4D2
50.0%	50.0% #AACCCA	RGB 170 204 202	#AACCCA
66.7%	66.7% #9AC3C2	RGB 154 195 194	#9AC3C2
83.3%	83.3% #8ABBBA	RGB 138 187 186	#8ABBBA
100.0%	100.0% #7AB3B3	RGB 122 179 179	#7AB3B3

#DBE5E2 #CADCDA #BAD4D2 #AACCCA #9AC3C2 #8ABBBA #7AB3B3

#DBE5E2 - #7AB3B3

Miscela HSV

#DBE5E2 - #7AB3B3 | 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 #DBE5E2 come 0% e #7AB3B3 come 100%.

0.0%	0.0% #DBE5E2	RGB 219 229 226	#DBE5E2
16.7%	16.7% #C8DCD7	RGB 200 220 215	#C8DCD7
33.3%	33.3% #B7D4CE	RGB 183 212 206	#B7D4CE
50.0%	50.0% #A7CCC6	RGB 167 204 198	#A7CCC6
66.7%	66.7% #97C3BF	RGB 151 195 191	#97C3BF
83.3%	83.3% #88BBB8	RGB 136 187 184	#88BBB8
100.0%	100.0% #7AB3B3	RGB 122 179 179	#7AB3B3

#DBE5E2 #C8DCD7 #B7D4CE #A7CCC6 #97C3BF #88BBB8 #7AB3B3

#DBE5E2 - #A7CCC6 - #7AB3B3

Codici CSS

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

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