#497FD2 - #B5EBBB | 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 #497FD2 à #B5EBBB

#497FD2 #B5EBBB

Calculez la couleur entre deux couleurs, #497FD2 et #B5EBBB. 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)

#497FD2 - #B5EBBB | 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 #497FD2 0% et #B5EBBB 100%.

0.0%	0.0% #497FD2	RVB 73 127 210	#497FD2
16.7%	16.7% #5B91CE	RVB 91 145 206	#5B91CE
33.3%	33.3% #6DA3CA	RVB 109 163 202	#6DA3CA
50.0%	50.0% #7FB5C6	RVB 127 181 198	#7FB5C6
66.7%	66.7% #91C7C2	RVB 145 199 194	#91C7C2
83.3%	83.3% #A3D9BE	RVB 163 217 190	#A3D9BE
100.0%	100.0% #B5EBBB	RVB 181 235 187	#B5EBBB

#497FD2 #5B91CE #6DA3CA #7FB5C6 #91C7C2 #A3D9BE #B5EBBB

#497FD2 - #B5EBBB

Mélange HSV

#497FD2 - #B5EBBB | 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 #497FD2 0% et #B5EBBB 100%.

0.0%	0.0% #497FD2	RVB 73 127 210	#497FD2
16.7%	16.7% #59A9D6	RVB 89 169 214	#59A9D6
33.3%	33.3% #6ACEDA	RVB 106 206 218	#6ACEDA
50.0%	50.0% #7CDED0	RVB 124 222 208	#7CDED0
66.7%	66.7% #8EE2C1	RVB 142 226 193	#8EE2C1
83.3%	83.3% #A1E6BA	RVB 161 230 186	#A1E6BA
100.0%	100.0% #B5EBBB	RVB 181 235 187	#B5EBBB

#497FD2 #59A9D6 #6ACEDA #7CDED0 #8EE2C1 #A1E6BA #B5EBBB

#497FD2 - #7CDED0 - #B5EBBB

Codes CSS

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

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