#BFE1AD - #D9F2FF | 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 #BFE1AD a #D9F2FF

#BFE1AD #D9F2FF

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

#BFE1AD - #D9F2FF | 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 #BFE1AD come 0% e #D9F2FF come 100%.

0.0%	0.0% #BFE1AD	RGB 191 225 173	#BFE1AD
16.7%	16.7% #C3E3BA	RGB 195 227 186	#C3E3BA
33.3%	33.3% #C7E6C8	RGB 199 230 200	#C7E6C8
50.0%	50.0% #CCE9D6	RGB 204 233 214	#CCE9D6
66.7%	66.7% #D0ECE3	RGB 208 236 227	#D0ECE3
83.3%	83.3% #D4EFF1	RGB 212 239 241	#D4EFF1
100.0%	100.0% #D9F2FF	RGB 217 242 255	#D9F2FF

#BFE1AD #C3E3BA #C7E6C8 #CCE9D6 #D0ECE3 #D4EFF1 #D9F2FF

#BFE1AD - #D9F2FF

Miscela HSV

#BFE1AD - #D9F2FF | 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 #BFE1AD come 0% e #D9F2FF come 100%.

0.0%	0.0% #BFE1AD	RGB 191 225 173	#BFE1AD
16.7%	16.7% #B7E6B3	RGB 183 230 179	#B7E6B3
33.3%	33.3% #BBEBC5	RGB 187 235 197	#BBEBC5
50.0%	50.0% #C2F0D9	RGB 194 240 217	#C2F0D9
66.7%	66.7% #C9F5EB	RGB 201 245 235	#C9F5EB
83.3%	83.3% #D1F7FA	RGB 209 247 250	#D1F7FA
100.0%	100.0% #D9F2FF	RGB 217 242 255	#D9F2FF

#BFE1AD #B7E6B3 #BBEBC5 #C2F0D9 #C9F5EB #D1F7FA #D9F2FF

#BFE1AD - #C2F0D9 - #D9F2FF

Codici CSS

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

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