#B9E5E6 - #689EB3 | 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 #B9E5E6 a #689EB3

#B9E5E6 #689EB3

Calcola il colore tra due colori, #B9E5E6 e #689EB3. 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)

#B9E5E6 - #689EB3 | 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 #B9E5E6 come 0% e #689EB3 come 100%.

0.0%	0.0% #B9E5E6	RGB 185 229 230	#B9E5E6
16.7%	16.7% #ABD9DD	RGB 171 217 221	#ABD9DD
33.3%	33.3% #9ECDD5	RGB 158 205 213	#9ECDD5
50.0%	50.0% #90C1CC	RGB 144 193 204	#90C1CC
66.7%	66.7% #83B5C4	RGB 131 181 196	#83B5C4
83.3%	83.3% #75A9BB	RGB 117 169 187	#75A9BB
100.0%	100.0% #689EB3	RGB 104 158 179	#689EB3

#B9E5E6 #ABD9DD #9ECDD5 #90C1CC #83B5C4 #75A9BB #689EB3

#B9E5E6 - #689EB3

Miscela HSV

#B9E5E6 - #689EB3 | 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 #B9E5E6 come 0% e #689EB3 come 100%.

0.0%	0.0% #B9E5E6	RGB 185 229 230	#B9E5E6
16.7%	16.7% #A9DADD	RGB 169 218 221	#A9DADD
33.3%	33.3% #9BCED5	RGB 155 206 213	#9BCED5
50.0%	50.0% #8DC3CC	RGB 141 195 204	#8DC3CC
66.7%	66.7% #80B6C4	RGB 128 182 196	#80B6C4
83.3%	83.3% #73AABB	RGB 115 170 187	#73AABB
100.0%	100.0% #689EB3	RGB 104 158 179	#689EB3

#B9E5E6 #A9DADD #9BCED5 #8DC3CC #80B6C4 #73AABB #689EB3

#B9E5E6 - #8DC3CC - #689EB3

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9E5E6 0%, #8DC3CC 50%, #689EB3 100%);
    background: -webkit-linear-gradient(top, #B9E5E6 0%, #8DC3CC 50%, #689EB3 100%);
    background: linear-gradient(to bottom, #B9E5E6 0%, #8DC3CC 50%, #689EB3 100%);
}
</style>