#C2DCC3 - #6DA18E | 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 #C2DCC3 a #6DA18E

#C2DCC3 #6DA18E

Calcola il colore tra due colori, #C2DCC3 e #6DA18E. 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)

#C2DCC3 - #6DA18E | 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 #C2DCC3 come 0% e #6DA18E come 100%.

0.0%	0.0% #C2DCC3	RGB 194 220 195	#C2DCC3
16.7%	16.7% #B3D2BA	RGB 179 210 186	#B3D2BA
33.3%	33.3% #A5C8B1	RGB 165 200 177	#A5C8B1
50.0%	50.0% #97BEA8	RGB 151 190 168	#97BEA8
66.7%	66.7% #89B49F	RGB 137 180 159	#89B49F
83.3%	83.3% #7BAA96	RGB 123 170 150	#7BAA96
100.0%	100.0% #6DA18E	RGB 109 161 142	#6DA18E

#C2DCC3 #B3D2BA #A5C8B1 #97BEA8 #89B49F #7BAA96 #6DA18E

#C2DCC3 - #6DA18E

Miscela HSV

#C2DCC3 - #6DA18E | 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 #C2DCC3 come 0% e #6DA18E come 100%.

0.0%	0.0% #C2DCC3	RGB 194 220 195	#C2DCC3
16.7%	16.7% #B2D2B6	RGB 178 210 182	#B2D2B6
33.3%	33.3% #A2C8AB	RGB 162 200 171	#A2C8AB
50.0%	50.0% #94BEA2	RGB 148 190 162	#94BEA2
66.7%	66.7% #86B49A	RGB 134 180 154	#86B49A
83.3%	83.3% #79AA93	RGB 121 170 147	#79AA93
100.0%	100.0% #6DA18E	RGB 109 161 142	#6DA18E

#C2DCC3 #B2D2B6 #A2C8AB #94BEA2 #86B49A #79AA93 #6DA18E

#C2DCC3 - #94BEA2 - #6DA18E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DCC3 0%, #94BEA2 50%, #6DA18E 100%);
    background: -webkit-linear-gradient(top, #C2DCC3 0%, #94BEA2 50%, #6DA18E 100%);
    background: linear-gradient(to bottom, #C2DCC3 0%, #94BEA2 50%, #6DA18E 100%);
}
</style>