#BDBDC0 - #5E757D | 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 #BDBDC0 a #5E757D

#BDBDC0 #5E757D

Calcola il colore tra due colori, #BDBDC0 e #5E757D. 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)

#BDBDC0 - #5E757D | 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 #BDBDC0 come 0% e #5E757D come 100%.

0.0%	0.0% #BDBDC0	RGB 189 189 192	#BDBDC0
16.7%	16.7% #ADB1B4	RGB 173 177 180	#ADB1B4
33.3%	33.3% #9DA5A9	RGB 157 165 169	#9DA5A9
50.0%	50.0% #8D999E	RGB 141 153 158	#8D999E
66.7%	66.7% #7D8D93	RGB 125 141 147	#7D8D93
83.3%	83.3% #6D8188	RGB 109 129 136	#6D8188
100.0%	100.0% #5E757D	RGB 94 117 125	#5E757D

#BDBDC0 #ADB1B4 #9DA5A9 #8D999E #7D8D93 #6D8188 #5E757D

#BDBDC0 - #5E757D

Miscela HSV

#BDBDC0 - #5E757D | 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 #BDBDC0 come 0% e #5E757D come 100%.

0.0%	0.0% #BDBDC0	RGB 189 189 192	#BDBDC0
16.7%	16.7% #ABACB4	RGB 171 172 180	#ABACB4
33.3%	33.3% #999DA9	RGB 153 157 169	#999DA9
50.0%	50.0% #89919E	RGB 137 145 158	#89919E
66.7%	66.7% #7A8693	RGB 122 134 147	#7A8693
83.3%	83.3% #6B7D88	RGB 107 125 136	#6B7D88
100.0%	100.0% #5E757D	RGB 94 117 125	#5E757D

#BDBDC0 #ABACB4 #999DA9 #89919E #7A8693 #6B7D88 #5E757D

#BDBDC0 - #89919E - #5E757D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDBDC0 0%, #89919E 50%, #5E757D 100%);
    background: -webkit-linear-gradient(top, #BDBDC0 0%, #89919E 50%, #5E757D 100%);
    background: linear-gradient(to bottom, #BDBDC0 0%, #89919E 50%, #5E757D 100%);
}
</style>