#7ACEFF - #D9F0FF | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #7ACEFF à #D9F0FF

#7ACEFF #D9F0FF

Calculez la couleur entre deux couleurs, #7ACEFF et #D9F0FF. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#7ACEFF - #D9F0FF | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #7ACEFF 0% et #D9F0FF 100%.

0.0%	0.0% #7ACEFF	RVB 122 206 255	#7ACEFF
16.7%	16.7% #89D3FF	RVB 137 211 255	#89D3FF
33.3%	33.3% #99D9FF	RVB 153 217 255	#99D9FF
50.0%	50.0% #A9DFFF	RVB 169 223 255	#A9DFFF
66.7%	66.7% #B9E4FF	RVB 185 228 255	#B9E4FF
83.3%	83.3% #C9EAFF	RVB 201 234 255	#C9EAFF
100.0%	100.0% #D9F0FF	RVB 217 240 255	#D9F0FF

#7ACEFF #89D3FF #99D9FF #A9DFFF #B9E4FF #C9EAFF #D9F0FF

#7ACEFF - #D9F0FF

Mélange HSV

#7ACEFF - #D9F0FF | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #7ACEFF 0% et #D9F0FF 100%.

0.0%	0.0% #7ACEFF	RVB 122 206 255	#7ACEFF
16.7%	16.7% #89D3FF	RVB 137 211 255	#89D3FF
33.3%	33.3% #99D8FF	RVB 153 216 255	#99D8FF
50.0%	50.0% #A9DEFF	RVB 169 222 255	#A9DEFF
66.7%	66.7% #B9E4FF	RVB 185 228 255	#B9E4FF
83.3%	83.3% #C9E9FF	RVB 201 233 255	#C9E9FF
100.0%	100.0% #D9F0FF	RVB 217 240 255	#D9F0FF

#7ACEFF #89D3FF #99D8FF #A9DEFF #B9E4FF #C9E9FF #D9F0FF

#7ACEFF - #A9DEFF - #D9F0FF

Codes CSS

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

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