#83C7C7 - #CDDFB6 | 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 #83C7C7 a #CDDFB6

#83C7C7 #CDDFB6

Calcola il colore tra due colori, #83C7C7 e #CDDFB6. 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)

#83C7C7 - #CDDFB6 | 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 #83C7C7 come 0% e #CDDFB6 come 100%.

0.0%	0.0% #83C7C7	RGB 131 199 199	#83C7C7
16.7%	16.7% #8FCBC4	RGB 143 203 196	#8FCBC4
33.3%	33.3% #9BCFC1	RGB 155 207 193	#9BCFC1
50.0%	50.0% #A8D3BE	RGB 168 211 190	#A8D3BE
66.7%	66.7% #B4D7BB	RGB 180 215 187	#B4D7BB
83.3%	83.3% #C0DBB8	RGB 192 219 184	#C0DBB8
100.0%	100.0% #CDDFB6	RGB 205 223 182	#CDDFB6

#83C7C7 #8FCBC4 #9BCFC1 #A8D3BE #B4D7BB #C0DBB8 #CDDFB6

#83C7C7 - #CDDFB6

Miscela HSV

#83C7C7 - #CDDFB6 | 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 #83C7C7 come 0% e #CDDFB6 come 100%.

0.0%	0.0% #83C7C7	RGB 131 199 199	#83C7C7
16.7%	16.7% #8ACBBA	RGB 138 203 186	#8ACBBA
33.3%	33.3% #93CFAF	RGB 147 207 175	#93CFAF
50.0%	50.0% #9BD3A7	RGB 155 211 167	#9BD3A7
66.7%	66.7% #A6D7A4	RGB 166 215 164	#A6D7A4
83.3%	83.3% #BADBAC	RGB 186 219 172	#BADBAC
100.0%	100.0% #CDDFB6	RGB 205 223 182	#CDDFB6

#83C7C7 #8ACBBA #93CFAF #9BD3A7 #A6D7A4 #BADBAC #CDDFB6

#83C7C7 - #9BD3A7 - #CDDFB6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83C7C7 0%, #9BD3A7 50%, #CDDFB6 100%);
    background: -webkit-linear-gradient(top, #83C7C7 0%, #9BD3A7 50%, #CDDFB6 100%);
    background: linear-gradient(to bottom, #83C7C7 0%, #9BD3A7 50%, #CDDFB6 100%);
}
</style>