#BBCAB1 - #EBEFE8 | 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 #BBCAB1 a #EBEFE8

#BBCAB1 #EBEFE8

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

#BBCAB1 - #EBEFE8 | 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 #BBCAB1 come 0% e #EBEFE8 come 100%.

0.0%	0.0% #BBCAB1	RGB 187 202 177	#BBCAB1
16.7%	16.7% #C3D0BA	RGB 195 208 186	#C3D0BA
33.3%	33.3% #CBD6C3	RGB 203 214 195	#CBD6C3
50.0%	50.0% #D3DCCC	RGB 211 220 204	#D3DCCC
66.7%	66.7% #DBE2D5	RGB 219 226 213	#DBE2D5
83.3%	83.3% #E3E8DE	RGB 227 232 222	#E3E8DE
100.0%	100.0% #EBEFE8	RGB 235 239 232	#EBEFE8

#BBCAB1 #C3D0BA #CBD6C3 #D3DCCC #DBE2D5 #E3E8DE #EBEFE8

#BBCAB1 - #EBEFE8

Miscela HSV

#BBCAB1 - #EBEFE8 | 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 #BBCAB1 come 0% e #EBEFE8 come 100%.

0.0%	0.0% #BBCAB1	RGB 187 202 177	#BBCAB1
16.7%	16.7% #C2D0B9	RGB 194 208 185	#C2D0B9
33.3%	33.3% #CAD6C2	RGB 202 214 194	#CAD6C2
50.0%	50.0% #D2DCCB	RGB 210 220 203	#D2DCCB
66.7%	66.7% #DAE2D4	RGB 218 226 212	#DAE2D4
83.3%	83.3% #E2E8DE	RGB 226 232 222	#E2E8DE
100.0%	100.0% #EBEFE8	RGB 235 239 232	#EBEFE8

#BBCAB1 #C2D0B9 #CAD6C2 #D2DCCB #DAE2D4 #E2E8DE #EBEFE8

#BBCAB1 - #D2DCCB - #EBEFE8

Codici CSS

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

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