#A8C9C9 - #CBDFBD | 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 #A8C9C9 a #CBDFBD

#A8C9C9 #CBDFBD

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

#A8C9C9 - #CBDFBD | 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 #A8C9C9 come 0% e #CBDFBD come 100%.

0.0%	0.0% #A8C9C9	RGB 168 201 201	#A8C9C9
16.7%	16.7% #ADCCC7	RGB 173 204 199	#ADCCC7
33.3%	33.3% #B3D0C5	RGB 179 208 197	#B3D0C5
50.0%	50.0% #B9D4C3	RGB 185 212 195	#B9D4C3
66.7%	66.7% #BFD7C1	RGB 191 215 193	#BFD7C1
83.3%	83.3% #C5DBBF	RGB 197 219 191	#C5DBBF
100.0%	100.0% #CBDFBD	RGB 203 223 189	#CBDFBD

#A8C9C9 #ADCCC7 #B3D0C5 #B9D4C3 #BFD7C1 #C5DBBF #CBDFBD

#A8C9C9 - #CBDFBD

Miscela HSV

#A8C9C9 - #CBDFBD | 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 #A8C9C9 come 0% e #CBDFBD come 100%.

0.0%	0.0% #A8C9C9	RGB 168 201 201	#A8C9C9
16.7%	16.7% #ABCCC4	RGB 171 204 196	#ABCCC4
33.3%	33.3% #AED0C0	RGB 174 208 192	#AED0C0
50.0%	50.0% #B2D4BC	RGB 178 212 188	#B2D4BC
66.7%	66.7% #B5D7B7	RGB 181 215 183	#B5D7B7
83.3%	83.3% #BFDBB9	RGB 191 219 185	#BFDBB9
100.0%	100.0% #CBDFBD	RGB 203 223 189	#CBDFBD

#A8C9C9 #ABCCC4 #AED0C0 #B2D4BC #B5D7B7 #BFDBB9 #CBDFBD

#A8C9C9 - #B2D4BC - #CBDFBD

Codici CSS

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

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