#6997EA - #B0CFEA | 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 #6997EA à #B0CFEA

#6997EA #B0CFEA

Calculez la couleur entre deux couleurs, #6997EA et #B0CFEA. 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)

#6997EA - #B0CFEA | 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 #6997EA 0% et #B0CFEA 100%.

0.0%	0.0% #6997EA	RVB 105 151 234	#6997EA
16.7%	16.7% #74A0EA	RVB 116 160 234	#74A0EA
33.3%	33.3% #80A9EA	RVB 128 169 234	#80A9EA
50.0%	50.0% #8CB3EA	RVB 140 179 234	#8CB3EA
66.7%	66.7% #98BCEA	RVB 152 188 234	#98BCEA
83.3%	83.3% #A4C5EA	RVB 164 197 234	#A4C5EA
100.0%	100.0% #B0CFEA	RVB 176 207 234	#B0CFEA

#6997EA #74A0EA #80A9EA #8CB3EA #98BCEA #A4C5EA #B0CFEA

#6997EA - #B0CFEA

Mélange HSV

#6997EA - #B0CFEA | 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 #6997EA 0% et #B0CFEA 100%.

0.0%	0.0% #6997EA	RVB 105 151 234	#6997EA
16.7%	16.7% #74A2EA	RVB 116 162 234	#74A2EA
33.3%	33.3% #80ACEA	RVB 128 172 234	#80ACEA
50.0%	50.0% #8CB6EA	RVB 140 182 234	#8CB6EA
66.7%	66.7% #98BFEA	RVB 152 191 234	#98BFEA
83.3%	83.3% #A4C7EA	RVB 164 199 234	#A4C7EA
100.0%	100.0% #B0CFEA	RVB 176 207 234	#B0CFEA

#6997EA #74A2EA #80ACEA #8CB6EA #98BFEA #A4C7EA #B0CFEA

#6997EA - #8CB6EA - #B0CFEA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6997EA 0%, #8CB6EA 50%, #B0CFEA 100%);
    background: -webkit-linear-gradient(top, #6997EA 0%, #8CB6EA 50%, #B0CFEA 100%);
    background: linear-gradient(to bottom, #6997EA 0%, #8CB6EA 50%, #B0CFEA 100%);
}
</style>