#BDD1C5 - #5E9263 | 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 #BDD1C5 a #5E9263

#BDD1C5 #5E9263

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

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

0.0%	0.0% #BDD1C5	RGB 189 209 197	#BDD1C5
16.7%	16.7% #ADC6B4	RGB 173 198 180	#ADC6B4
33.3%	33.3% #9DBCA4	RGB 157 188 164	#9DBCA4
50.0%	50.0% #8DB194	RGB 141 177 148	#8DB194
66.7%	66.7% #7DA783	RGB 125 167 131	#7DA783
83.3%	83.3% #6D9C73	RGB 109 156 115	#6D9C73
100.0%	100.0% #5E9263	RGB 94 146 99	#5E9263

#BDD1C5 #ADC6B4 #9DBCA4 #8DB194 #7DA783 #6D9C73 #5E9263

#BDD1C5 - #5E9263

Miscela HSV

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

0.0%	0.0% #BDD1C5	RGB 189 209 197	#BDD1C5
16.7%	16.7% #AAC6B4	RGB 170 198 180	#AAC6B4
33.3%	33.3% #99BCA3	RGB 153 188 163	#99BCA3
50.0%	50.0% #89B193	RGB 137 177 147	#89B193
66.7%	66.7% #7AA782	RGB 122 167 130	#7AA782
83.3%	83.3% #6B9C72	RGB 107 156 114	#6B9C72
100.0%	100.0% #5E9263	RGB 94 146 99	#5E9263

#BDD1C5 #AAC6B4 #99BCA3 #89B193 #7AA782 #6B9C72 #5E9263

#BDD1C5 - #89B193 - #5E9263

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDD1C5 0%, #89B193 50%, #5E9263 100%);
    background: -webkit-linear-gradient(top, #BDD1C5 0%, #89B193 50%, #5E9263 100%);
    background: linear-gradient(to bottom, #BDD1C5 0%, #89B193 50%, #5E9263 100%);
}
</style>