#BCD0A8 - #C9FFCD | 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 #BCD0A8 a #C9FFCD

#BCD0A8 #C9FFCD

Calcola il colore tra due colori, #BCD0A8 e #C9FFCD. 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)

#BCD0A8 - #C9FFCD | 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 #BCD0A8 come 0% e #C9FFCD come 100%.

0.0%	0.0% #BCD0A8	RGB 188 208 168	#BCD0A8
16.7%	16.7% #BED7AE	RGB 190 215 174	#BED7AE
33.3%	33.3% #C0DFB4	RGB 192 223 180	#C0DFB4
50.0%	50.0% #C2E7BA	RGB 194 231 186	#C2E7BA
66.7%	66.7% #C4EFC0	RGB 196 239 192	#C4EFC0
83.3%	83.3% #C6F7C6	RGB 198 247 198	#C6F7C6
100.0%	100.0% #C9FFCD	RGB 201 255 205	#C9FFCD

#BCD0A8 #BED7AE #C0DFB4 #C2E7BA #C4EFC0 #C6F7C6 #C9FFCD

#BCD0A8 - #C9FFCD

Miscela HSV

#BCD0A8 - #C9FFCD | 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 #BCD0A8 come 0% e #C9FFCD come 100%.

0.0%	0.0% #BCD0A8	RGB 188 208 168	#BCD0A8
16.7%	16.7% #BED7AD	RGB 190 215 173	#BED7AD
33.3%	33.3% #C0DFB3	RGB 192 223 179	#C0DFB3
50.0%	50.0% #C2E7B8	RGB 194 231 184	#C2E7B8
66.7%	66.7% #C3EFBE	RGB 195 239 190	#C3EFBE
83.3%	83.3% #C4F7C3	RGB 196 247 195	#C4F7C3
100.0%	100.0% #C9FFCD	RGB 201 255 205	#C9FFCD

#BCD0A8 #BED7AD #C0DFB3 #C2E7B8 #C3EFBE #C4F7C3 #C9FFCD

#BCD0A8 - #C2E7B8 - #C9FFCD

Codici CSS

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

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