#C8DCDB - #5DABAB | 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 #C8DCDB a #5DABAB

#C8DCDB #5DABAB

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

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

0.0%	0.0% #C8DCDB	RGB 200 220 219	#C8DCDB
16.7%	16.7% #B6D3D3	RGB 182 211 211	#B6D3D3
33.3%	33.3% #A4CBCB	RGB 164 203 203	#A4CBCB
50.0%	50.0% #92C3C3	RGB 146 195 195	#92C3C3
66.7%	66.7% #80BBBB	RGB 128 187 187	#80BBBB
83.3%	83.3% #6EB3B3	RGB 110 179 179	#6EB3B3
100.0%	100.0% #5DABAB	RGB 93 171 171	#5DABAB

#C8DCDB #B6D3D3 #A4CBCB #92C3C3 #80BBBB #6EB3B3 #5DABAB

#C8DCDB - #5DABAB

Miscela HSV

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

0.0%	0.0% #C8DCDB	RGB 200 220 219	#C8DCDB
16.7%	16.7% #B3D3D2	RGB 179 211 210	#B3D3D2
33.3%	33.3% #A0CBCA	RGB 160 203 202	#A0CBCA
50.0%	50.0% #8EC3C2	RGB 142 195 194	#8EC3C2
66.7%	66.7% #7CBBBA	RGB 124 187 186	#7CBBBA
83.3%	83.3% #6CB3B2	RGB 108 179 178	#6CB3B2
100.0%	100.0% #5DABAB	RGB 93 171 171	#5DABAB

#C8DCDB #B3D3D2 #A0CBCA #8EC3C2 #7CBBBA #6CB3B2 #5DABAB

#C8DCDB - #8EC3C2 - #5DABAB

Codici CSS

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

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