#B5E2DB - #D4E4CA | 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 #B5E2DB a #D4E4CA

#B5E2DB #D4E4CA

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

#B5E2DB - #D4E4CA | 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 #B5E2DB come 0% e #D4E4CA come 100%.

0.0%	0.0% #B5E2DB	RGB 181 226 219	#B5E2DB
16.7%	16.7% #BAE2D8	RGB 186 226 216	#BAE2D8
33.3%	33.3% #BFE2D5	RGB 191 226 213	#BFE2D5
50.0%	50.0% #C4E3D2	RGB 196 227 210	#C4E3D2
66.7%	66.7% #C9E3CF	RGB 201 227 207	#C9E3CF
83.3%	83.3% #CEE3CC	RGB 206 227 204	#CEE3CC
100.0%	100.0% #D4E4CA	RGB 212 228 202	#D4E4CA

#B5E2DB #BAE2D8 #BFE2D5 #C4E3D2 #C9E3CF #CEE3CC #D4E4CA

#B5E2DB - #D4E4CA

Miscela HSV

#B5E2DB - #D4E4CA | 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 #B5E2DB come 0% e #D4E4CA come 100%.

0.0%	0.0% #B5E2DB	RGB 181 226 219	#B5E2DB
16.7%	16.7% #B8E2D3	RGB 184 226 211	#B8E2D3
33.3%	33.3% #BBE2CC	RGB 187 226 204	#BBE2CC
50.0%	50.0% #BFE3C7	RGB 191 227 199	#BFE3C7
66.7%	66.7% #C2E3C3	RGB 194 227 195	#C2E3C3
83.3%	83.3% #CBE3C6	RGB 203 227 198	#CBE3C6
100.0%	100.0% #D4E4CA	RGB 212 228 202	#D4E4CA

#B5E2DB #B8E2D3 #BBE2CC #BFE3C7 #C2E3C3 #CBE3C6 #D4E4CA

#B5E2DB - #BFE3C7 - #D4E4CA

Codici CSS

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

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