#8CA7A1 - #DEE5E4 | 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 #8CA7A1 a #DEE5E4

#8CA7A1 #DEE5E4

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

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

0.0%	0.0% #8CA7A1	RGB 140 167 161	#8CA7A1
16.7%	16.7% #99B1AC	RGB 153 177 172	#99B1AC
33.3%	33.3% #A7BBB7	RGB 167 187 183	#A7BBB7
50.0%	50.0% #B5C6C2	RGB 181 198 194	#B5C6C2
66.7%	66.7% #C2D0CD	RGB 194 208 205	#C2D0CD
83.3%	83.3% #D0DAD8	RGB 208 218 216	#D0DAD8
100.0%	100.0% #DEE5E4	RGB 222 229 228	#DEE5E4

#8CA7A1 #99B1AC #A7BBB7 #B5C6C2 #C2D0CD #D0DAD8 #DEE5E4

#8CA7A1 - #DEE5E4

Miscela HSV

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

0.0%	0.0% #8CA7A1	RGB 140 167 161	#8CA7A1
16.7%	16.7% #98B1AC	RGB 152 177 172	#98B1AC
33.3%	33.3% #A5BBB7	RGB 165 187 183	#A5BBB7
50.0%	50.0% #B2C6C2	RGB 178 198 194	#B2C6C2
66.7%	66.7% #C0D0CD	RGB 192 208 205	#C0D0CD
83.3%	83.3% #CFDAD8	RGB 207 218 216	#CFDAD8
100.0%	100.0% #DEE5E4	RGB 222 229 228	#DEE5E4

#8CA7A1 #98B1AC #A5BBB7 #B2C6C2 #C0D0CD #CFDAD8 #DEE5E4

#8CA7A1 - #B2C6C2 - #DEE5E4

Codici CSS

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

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