#BDBEC0 - #5E7D68 | 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 #BDBEC0 a #5E7D68

#BDBEC0 #5E7D68

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

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

0.0%	0.0% #BDBEC0	RGB 189 190 192	#BDBEC0
16.7%	16.7% #ADB3B1	RGB 173 179 177	#ADB3B1
33.3%	33.3% #9DA8A2	RGB 157 168 162	#9DA8A2
50.0%	50.0% #8D9D94	RGB 141 157 148	#8D9D94
66.7%	66.7% #7D9285	RGB 125 146 133	#7D9285
83.3%	83.3% #6D8776	RGB 109 135 118	#6D8776
100.0%	100.0% #5E7D68	RGB 94 125 104	#5E7D68

#BDBEC0 #ADB3B1 #9DA8A2 #8D9D94 #7D9285 #6D8776 #5E7D68

#BDBEC0 - #5E7D68

Miscela HSV

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

0.0%	0.0% #BDBEC0	RGB 189 190 192	#BDBEC0
16.7%	16.7% #ABB0B4	RGB 171 176 180	#ABB0B4
33.3%	33.3% #99A6A9	RGB 153 166 169	#99A6A9
50.0%	50.0% #899E9E	RGB 137 158 158	#899E9E
66.7%	66.7% #7A938D	RGB 122 147 141	#7A938D
83.3%	83.3% #6B887B	RGB 107 136 123	#6B887B
100.0%	100.0% #5E7D68	RGB 94 125 104	#5E7D68

#BDBEC0 #ABB0B4 #99A6A9 #899E9E #7A938D #6B887B #5E7D68

#BDBEC0 - #899E9E - #5E7D68

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDBEC0 0%, #899E9E 50%, #5E7D68 100%);
    background: -webkit-linear-gradient(top, #BDBEC0 0%, #899E9E 50%, #5E7D68 100%);
    background: linear-gradient(to bottom, #BDBEC0 0%, #899E9E 50%, #5E7D68 100%);
}
</style>