#BBCCBD - #5E8F7C | 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 #BBCCBD a #5E8F7C

#BBCCBD #5E8F7C

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

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

0.0%	0.0% #BBCCBD	RGB 187 204 189	#BBCCBD
16.7%	16.7% #ABC1B2	RGB 171 193 178	#ABC1B2
33.3%	33.3% #9CB7A7	RGB 156 183 167	#9CB7A7
50.0%	50.0% #8CAD9C	RGB 140 173 156	#8CAD9C
66.7%	66.7% #7DA391	RGB 125 163 145	#7DA391
83.3%	83.3% #6D9986	RGB 109 153 134	#6D9986
100.0%	100.0% #5E8F7C	RGB 94 143 124	#5E8F7C

#BBCCBD #ABC1B2 #9CB7A7 #8CAD9C #7DA391 #6D9986 #5E8F7C

#BBCCBD - #5E8F7C

Miscela HSV

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

0.0%	0.0% #BBCCBD	RGB 187 204 189	#BBCCBD
16.7%	16.7% #A9C1AE	RGB 169 193 174	#A9C1AE
33.3%	33.3% #98B7A1	RGB 152 183 161	#98B7A1
50.0%	50.0% #88AD96	RGB 136 173 150	#88AD96
66.7%	66.7% #79A38C	RGB 121 163 140	#79A38C
83.3%	83.3% #6B9983	RGB 107 153 131	#6B9983
100.0%	100.0% #5E8F7C	RGB 94 143 124	#5E8F7C

#BBCCBD #A9C1AE #98B7A1 #88AD96 #79A38C #6B9983 #5E8F7C

#BBCCBD - #88AD96 - #5E8F7C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBCCBD 0%, #88AD96 50%, #5E8F7C 100%);
    background: -webkit-linear-gradient(top, #BBCCBD 0%, #88AD96 50%, #5E8F7C 100%);
    background: linear-gradient(to bottom, #BBCCBD 0%, #88AD96 50%, #5E8F7C 100%);
}
</style>