#B6D9CE - #D5E3C8 | 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 #B6D9CE a #D5E3C8

#B6D9CE #D5E3C8

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

#B6D9CE - #D5E3C8 | 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 #B6D9CE come 0% e #D5E3C8 come 100%.

0.0%	0.0% #B6D9CE	RGB 182 217 206	#B6D9CE
16.7%	16.7% #BBDACD	RGB 187 218 205	#BBDACD
33.3%	33.3% #C0DCCC	RGB 192 220 204	#C0DCCC
50.0%	50.0% #C5DECB	RGB 197 222 203	#C5DECB
66.7%	66.7% #CADFCA	RGB 202 223 202	#CADFCA
83.3%	83.3% #CFE1C9	RGB 207 225 201	#CFE1C9
100.0%	100.0% #D5E3C8	RGB 213 227 200	#D5E3C8

#B6D9CE #BBDACD #C0DCCC #C5DECB #CADFCA #CFE1C9 #D5E3C8

#B6D9CE - #D5E3C8

Miscela HSV

#B6D9CE - #D5E3C8 | 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 #B6D9CE come 0% e #D5E3C8 come 100%.

0.0%	0.0% #B6D9CE	RGB 182 217 206	#B6D9CE
16.7%	16.7% #B8DAC9	RGB 184 218 201	#B8DAC9
33.3%	33.3% #BBDCC5	RGB 187 220 197	#BBDCC5
50.0%	50.0% #BEDEC2	RGB 190 222 194	#BEDEC2
66.7%	66.7% #C4DFC1	RGB 196 223 193	#C4DFC1
83.3%	83.3% #CDE1C4	RGB 205 225 196	#CDE1C4
100.0%	100.0% #D5E3C8	RGB 213 227 200	#D5E3C8

#B6D9CE #B8DAC9 #BBDCC5 #BEDEC2 #C4DFC1 #CDE1C4 #D5E3C8

#B6D9CE - #BEDEC2 - #D5E3C8

Codici CSS

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

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