#65678F - #B5A8A8 | 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 #65678F a #B5A8A8

#65678F #B5A8A8

Calcola il colore tra due colori, #65678F e #B5A8A8. 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)

#65678F - #B5A8A8 | 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 #65678F come 0% e #B5A8A8 come 100%.

0.0%	0.0% #65678F	RGB 101 103 143	#65678F
16.7%	16.7% #727193	RGB 114 113 147	#727193
33.3%	33.3% #7F7C97	RGB 127 124 151	#7F7C97
50.0%	50.0% #8D879B	RGB 141 135 155	#8D879B
66.7%	66.7% #9A929F	RGB 154 146 159	#9A929F
83.3%	83.3% #A79DA3	RGB 167 157 163	#A79DA3
100.0%	100.0% #B5A8A8	RGB 181 168 168	#B5A8A8

#65678F #727193 #7F7C97 #8D879B #9A929F #A79DA3 #B5A8A8

#65678F - #B5A8A8

Miscela HSV

#65678F - #B5A8A8 | 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 #65678F come 0% e #B5A8A8 come 100%.

0.0%	0.0% #65678F	RGB 101 103 143	#65678F
16.7%	16.7% #7A6E95	RGB 122 110 149	#7A6E95
33.3%	33.3% #8F799B	RGB 143 121 155	#8F799B
50.0%	50.0% #A184A2	RGB 161 132 162	#A184A2
66.7%	66.7% #A88FA0	RGB 168 143 160	#A88FA0
83.3%	83.3% #AE9BA2	RGB 174 155 162	#AE9BA2
100.0%	100.0% #B5A8A8	RGB 181 168 168	#B5A8A8

#65678F #7A6E95 #8F799B #A184A2 #A88FA0 #AE9BA2 #B5A8A8

#65678F - #A184A2 - #B5A8A8

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65678F 0%, #A184A2 50%, #B5A8A8 100%);
    background: -webkit-linear-gradient(top, #65678F 0%, #A184A2 50%, #B5A8A8 100%);
    background: linear-gradient(to bottom, #65678F 0%, #A184A2 50%, #B5A8A8 100%);
}
</style>