#C3CCBC - #5E8F61 | 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 #C3CCBC a #5E8F61

#C3CCBC #5E8F61

Calcola il colore tra due colori, #C3CCBC e #5E8F61. 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)

#C3CCBC - #5E8F61 | 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 #C3CCBC come 0% e #5E8F61 come 100%.

0.0%	0.0% #C3CCBC	RGB 195 204 188	#C3CCBC
16.7%	16.7% #B2C1AC	RGB 178 193 172	#B2C1AC
33.3%	33.3% #A1B79D	RGB 161 183 157	#A1B79D
50.0%	50.0% #90AD8E	RGB 144 173 142	#90AD8E
66.7%	66.7% #7FA37F	RGB 127 163 127	#7FA37F
83.3%	83.3% #6E9970	RGB 110 153 112	#6E9970
100.0%	100.0% #5E8F61	RGB 94 143 97	#5E8F61

#C3CCBC #B2C1AC #A1B79D #90AD8E #7FA37F #6E9970 #5E8F61

#C3CCBC - #5E8F61

Miscela HSV

#C3CCBC - #5E8F61 | 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 #C3CCBC come 0% e #5E8F61 come 100%.

0.0%	0.0% #C3CCBC	RGB 195 204 188	#C3CCBC
16.7%	16.7% #B2C1AA	RGB 178 193 170	#B2C1AA
33.3%	33.3% #A1B799	RGB 161 183 153	#A1B799
50.0%	50.0% #8FAD88	RGB 143 173 136	#8FAD88
66.7%	66.7% #7EA379	RGB 126 163 121	#7EA379
83.3%	83.3% #6C996B	RGB 108 153 107	#6C996B
100.0%	100.0% #5E8F61	RGB 94 143 97	#5E8F61

#C3CCBC #B2C1AA #A1B799 #8FAD88 #7EA379 #6C996B #5E8F61

#C3CCBC - #8FAD88 - #5E8F61

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3CCBC 0%, #8FAD88 50%, #5E8F61 100%);
    background: -webkit-linear-gradient(top, #C3CCBC 0%, #8FAD88 50%, #5E8F61 100%);
    background: linear-gradient(to bottom, #C3CCBC 0%, #8FAD88 50%, #5E8F61 100%);
}
</style>