#C2D3C8 - #68907E | 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 #C2D3C8 a #68907E

#C2D3C8 #68907E

Calcola il colore tra due colori, #C2D3C8 e #68907E. 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)

#C2D3C8 - #68907E | 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 #C2D3C8 come 0% e #68907E come 100%.

0.0%	0.0% #C2D3C8	RGB 194 211 200	#C2D3C8
16.7%	16.7% #B3C7BB	RGB 179 199 187	#B3C7BB
33.3%	33.3% #A4BCAF	RGB 164 188 175	#A4BCAF
50.0%	50.0% #95B1A3	RGB 149 177 163	#95B1A3
66.7%	66.7% #86A696	RGB 134 166 150	#86A696
83.3%	83.3% #779B8A	RGB 119 155 138	#779B8A
100.0%	100.0% #68907E	RGB 104 144 126	#68907E

#C2D3C8 #B3C7BB #A4BCAF #95B1A3 #86A696 #779B8A #68907E

#C2D3C8 - #68907E

Miscela HSV

#C2D3C8 - #68907E | 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 #C2D3C8 come 0% e #68907E come 100%.

0.0%	0.0% #C2D3C8	RGB 194 211 200	#C2D3C8
16.7%	16.7% #B1C7B9	RGB 177 199 185	#B1C7B9
33.3%	33.3% #A1BCAC	RGB 161 188 172	#A1BCAC
50.0%	50.0% #91B1A0	RGB 145 177 160	#91B1A0
66.7%	66.7% #83A694	RGB 131 166 148	#83A694
83.3%	83.3% #759B88	RGB 117 155 136	#759B88
100.0%	100.0% #68907E	RGB 104 144 126	#68907E

#C2D3C8 #B1C7B9 #A1BCAC #91B1A0 #83A694 #759B88 #68907E

#C2D3C8 - #91B1A0 - #68907E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D3C8 0%, #91B1A0 50%, #68907E 100%);
    background: -webkit-linear-gradient(top, #C2D3C8 0%, #91B1A0 50%, #68907E 100%);
    background: linear-gradient(to bottom, #C2D3C8 0%, #91B1A0 50%, #68907E 100%);
}
</style>