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

#6997EA #D4E1F9

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

0.0%	0.0% #6997EA	RVB 105 151 234	#6997EA
16.7%	16.7% #7AA3EC	RVB 122 163 236	#7AA3EC
33.3%	33.3% #8CAFEF	RVB 140 175 239	#8CAFEF
50.0%	50.0% #9EBCF1	RVB 158 188 241	#9EBCF1
66.7%	66.7% #B0C8F4	RVB 176 200 244	#B0C8F4
83.3%	83.3% #C2D4F6	RVB 194 212 246	#C2D4F6
100.0%	100.0% #D4E1F9	RVB 212 225 249	#D4E1F9

#6997EA #7AA3EC #8CAFEF #9EBCF1 #B0C8F4 #C2D4F6 #D4E1F9

#6997EA - #D4E1F9

Mélange HSV

#6997EA - #D4E1F9 | 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 #D4E1F9 100%.

0.0%	0.0% #6997EA	RVB 105 151 234	#6997EA
16.7%	16.7% #79A2EC	RVB 121 162 236	#79A2EC
33.3%	33.3% #8BAEEF	RVB 139 174 239	#8BAEEF
50.0%	50.0% #9CBAF1	RVB 156 186 241	#9CBAF1
66.7%	66.7% #AEC7F4	RVB 174 199 244	#AEC7F4
83.3%	83.3% #C1D4F6	RVB 193 212 246	#C1D4F6
100.0%	100.0% #D4E1F9	RVB 212 225 249	#D4E1F9

#6997EA #79A2EC #8BAEEF #9CBAF1 #AEC7F4 #C1D4F6 #D4E1F9

#6997EA - #9CBAF1 - #D4E1F9

Codes CSS

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

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