#BAEECE - #E3E9C9 | 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 #BAEECE a #E3E9C9

#BAEECE #E3E9C9

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

#BAEECE - #E3E9C9 | 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 #BAEECE come 0% e #E3E9C9 come 100%.

0.0%	0.0% #BAEECE	RGB 186 238 206	#BAEECE
16.7%	16.7% #C0EDCD	RGB 192 237 205	#C0EDCD
33.3%	33.3% #C7ECCC	RGB 199 236 204	#C7ECCC
50.0%	50.0% #CEEBCB	RGB 206 235 203	#CEEBCB
66.7%	66.7% #D5EACA	RGB 213 234 202	#D5EACA
83.3%	83.3% #DCE9C9	RGB 220 233 201	#DCE9C9
100.0%	100.0% #E3E9C9	RGB 227 233 201	#E3E9C9

#BAEECE #C0EDCD #C7ECCC #CEEBCB #D5EACA #DCE9C9 #E3E9C9

#BAEECE - #E3E9C9

Miscela HSV

#BAEECE - #E3E9C9 | 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 #BAEECE come 0% e #E3E9C9 come 100%.

0.0%	0.0% #BAEECE	RGB 186 238 206	#BAEECE
16.7%	16.7% #BCEDC5	RGB 188 237 197	#BCEDC5
33.3%	33.3% #BFECBF	RGB 191 236 191	#BFECBF
50.0%	50.0% #CAEBC1	RGB 202 235 193	#CAEBC1
66.7%	66.7% #D4EAC4	RGB 212 234 196	#D4EAC4
83.3%	83.3% #DCE9C6	RGB 220 233 198	#DCE9C6
100.0%	100.0% #E3E9C9	RGB 227 233 201	#E3E9C9

#BAEECE #BCEDC5 #BFECBF #CAEBC1 #D4EAC4 #DCE9C6 #E3E9C9

#BAEECE - #CAEBC1 - #E3E9C9

Codici CSS

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

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