#B8B6B7 - #DAFFB5 | 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 #B8B6B7 a #DAFFB5

#B8B6B7 #DAFFB5

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

#B8B6B7 - #DAFFB5 | 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 #B8B6B7 come 0% e #DAFFB5 come 100%.

0.0%	0.0% #B8B6B7	RGB 184 182 183	#B8B6B7
16.7%	16.7% #BDC2B6	RGB 189 194 182	#BDC2B6
33.3%	33.3% #C3CEB6	RGB 195 206 182	#C3CEB6
50.0%	50.0% #C9DAB6	RGB 201 218 182	#C9DAB6
66.7%	66.7% #CEE6B5	RGB 206 230 181	#CEE6B5
83.3%	83.3% #D4F2B5	RGB 212 242 181	#D4F2B5
100.0%	100.0% #DAFFB5	RGB 218 255 181	#DAFFB5

#B8B6B7 #BDC2B6 #C3CEB6 #C9DAB6 #CEE6B5 #D4F2B5 #DAFFB5

#B8B6B7 - #DAFFB5

Miscela HSV

#B8B6B7 - #DAFFB5 | 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 #B8B6B7 come 0% e #DAFFB5 come 100%.

0.0%	0.0% #B8B6B7	RGB 184 182 183	#B8B6B7
16.7%	16.7% #C3B8BA	RGB 195 184 186	#C3B8BA
33.3%	33.3% #CFBDBA	RGB 207 189 186	#CFBDBA
50.0%	50.0% #DBCABA	RGB 219 202 186	#DBCABA
66.7%	66.7% #E7DFB9	RGB 231 223 185	#E7DFB9
83.3%	83.3% #E9F3B7	RGB 233 243 183	#E9F3B7
100.0%	100.0% #DAFFB5	RGB 218 255 181	#DAFFB5

#B8B6B7 #C3B8BA #CFBDBA #DBCABA #E7DFB9 #E9F3B7 #DAFFB5

#B8B6B7 - #DBCABA - #DAFFB5

Codici CSS

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

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