#A8BBCF - #3E679C | 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 #A8BBCF a #3E679C

#A8BBCF #3E679C

Calcola il colore tra due colori, #A8BBCF e #3E679C. 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)

#A8BBCF - #3E679C | 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 #A8BBCF come 0% e #3E679C come 100%.

0.0%	0.0% #A8BBCF	RGB 168 187 207	#A8BBCF
16.7%	16.7% #96ADC6	RGB 150 173 198	#96ADC6
33.3%	33.3% #849FBE	RGB 132 159 190	#849FBE
50.0%	50.0% #7391B5	RGB 115 145 181	#7391B5
66.7%	66.7% #6183AD	RGB 97 131 173	#6183AD
83.3%	83.3% #4F75A4	RGB 79 117 164	#4F75A4
100.0%	100.0% #3E679C	RGB 62 103 156	#3E679C

#A8BBCF #96ADC6 #849FBE #7391B5 #6183AD #4F75A4 #3E679C

#A8BBCF - #3E679C

Miscela HSV

#A8BBCF - #3E679C | 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 #A8BBCF come 0% e #3E679C come 100%.

0.0%	0.0% #A8BBCF	RGB 168 187 207	#A8BBCF
16.7%	16.7% #93ABC6	RGB 147 171 198	#93ABC6
33.3%	33.3% #7F9DBE	RGB 127 157 190	#7F9DBE
50.0%	50.0% #6D8EB5	RGB 109 142 181	#6D8EB5
66.7%	66.7% #5C81AD	RGB 92 129 173	#5C81AD
83.3%	83.3% #4C73A4	RGB 76 115 164	#4C73A4
100.0%	100.0% #3E679C	RGB 62 103 156	#3E679C

#A8BBCF #93ABC6 #7F9DBE #6D8EB5 #5C81AD #4C73A4 #3E679C

#A8BBCF - #6D8EB5 - #3E679C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BBCF 0%, #6D8EB5 50%, #3E679C 100%);
    background: -webkit-linear-gradient(top, #A8BBCF 0%, #6D8EB5 50%, #3E679C 100%);
    background: linear-gradient(to bottom, #A8BBCF 0%, #6D8EB5 50%, #3E679C 100%);
}
</style>