#CBEBCB - #F5EECF | 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 #CBEBCB a #F5EECF

#CBEBCB #F5EECF

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

#CBEBCB - #F5EECF | 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 #CBEBCB come 0% e #F5EECF come 100%.

0.0%	0.0% #CBEBCB	RGB 203 235 203	#CBEBCB
16.7%	16.7% #D2EBCB	RGB 210 235 203	#D2EBCB
33.3%	33.3% #D9ECCC	RGB 217 236 204	#D9ECCC
50.0%	50.0% #E0ECCD	RGB 224 236 205	#E0ECCD
66.7%	66.7% #E7EDCD	RGB 231 237 205	#E7EDCD
83.3%	83.3% #EEEDCE	RGB 238 237 206	#EEEDCE
100.0%	100.0% #F5EECF	RGB 245 238 207	#F5EECF

#CBEBCB #D2EBCB #D9ECCC #E0ECCD #E7EDCD #EEEDCE #F5EECF

#CBEBCB - #F5EECF

Miscela HSV

#CBEBCB - #F5EECF | 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 #CBEBCB come 0% e #F5EECF come 100%.

0.0%	0.0% #CBEBCB	RGB 203 235 203	#CBEBCB
16.7%	16.7% #D2ECCB	RGB 210 236 203	#D2ECCB
33.3%	33.3% #D9EECC	RGB 217 238 204	#D9EECC
50.0%	50.0% #E1F0CD	RGB 225 240 205	#E1F0CD
66.7%	66.7% #EAF1CD	RGB 234 241 205	#EAF1CD
83.3%	83.3% #F2F3CE	RGB 242 243 206	#F2F3CE
100.0%	100.0% #F5EECF	RGB 245 238 207	#F5EECF

#CBEBCB #D2ECCB #D9EECC #E1F0CD #EAF1CD #F2F3CE #F5EECF

#CBEBCB - #E1F0CD - #F5EECF

Codici CSS

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

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