#9F9EB6 - #B0DBD2 | 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 #9F9EB6 a #B0DBD2

#9F9EB6 #B0DBD2

Calcola il colore tra due colori, #9F9EB6 e #B0DBD2. 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)

#9F9EB6 - #B0DBD2 | 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 #9F9EB6 come 0% e #B0DBD2 come 100%.

0.0%	0.0% #9F9EB6	RGB 159 158 182	#9F9EB6
16.7%	16.7% #A1A8BA	RGB 161 168 186	#A1A8BA
33.3%	33.3% #A4B2BF	RGB 164 178 191	#A4B2BF
50.0%	50.0% #A7BCC4	RGB 167 188 196	#A7BCC4
66.7%	66.7% #AAC6C8	RGB 170 198 200	#AAC6C8
83.3%	83.3% #ADD0CD	RGB 173 208 205	#ADD0CD
100.0%	100.0% #B0DBD2	RGB 176 219 210	#B0DBD2

#9F9EB6 #A1A8BA #A4B2BF #A7BCC4 #AAC6C8 #ADD0CD #B0DBD2

#9F9EB6 - #B0DBD2

Miscela HSV

#9F9EB6 - #B0DBD2 | 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 #9F9EB6 come 0% e #B0DBD2 come 100%.

0.0%	0.0% #9F9EB6	RGB 159 158 182	#9F9EB6
16.7%	16.7% #A1A5BC	RGB 161 165 188	#A1A5BC
33.3%	33.3% #A4AFC2	RGB 164 175 194	#A4AFC2
50.0%	50.0% #A7BAC8	RGB 167 186 200	#A7BAC8
66.7%	66.7% #AAC7CE	RGB 170 199 206	#AAC7CE
83.3%	83.3% #ADD4D4	RGB 173 212 212	#ADD4D4
100.0%	100.0% #B0DBD2	RGB 176 219 210	#B0DBD2

#9F9EB6 #A1A5BC #A4AFC2 #A7BAC8 #AAC7CE #ADD4D4 #B0DBD2

#9F9EB6 - #A7BAC8 - #B0DBD2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F9EB6 0%, #A7BAC8 50%, #B0DBD2 100%);
    background: -webkit-linear-gradient(top, #9F9EB6 0%, #A7BAC8 50%, #B0DBD2 100%);
    background: linear-gradient(to bottom, #9F9EB6 0%, #A7BAC8 50%, #B0DBD2 100%);
}
</style>