#5E5EEC - #929FFF | 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 #5E5EEC à #929FFF

#5E5EEC #929FFF

Calculez la couleur entre deux couleurs, #5E5EEC et #929FFF. 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)

#5E5EEC - #929FFF | 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 #5E5EEC 0% et #929FFF 100%.

0.0%	0.0% #5E5EEC	RVB 94 94 236	#5E5EEC
16.7%	16.7% #6668EF	RVB 102 104 239	#6668EF
33.3%	33.3% #6F73F2	RVB 111 115 242	#6F73F2
50.0%	50.0% #787EF5	RVB 120 126 245	#787EF5
66.7%	66.7% #8089F8	RVB 128 137 248	#8089F8
83.3%	83.3% #8994FB	RVB 137 148 251	#8994FB
100.0%	100.0% #929FFF	RVB 146 159 255	#929FFF

#5E5EEC #6668EF #6F73F2 #787EF5 #8089F8 #8994FB #929FFF

#5E5EEC - #929FFF

Mélange HSV

#5E5EEC - #929FFF | 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 #5E5EEC 0% et #929FFF 100%.

0.0%	0.0% #5E5EEC	RVB 94 94 236	#5E5EEC
16.7%	16.7% #6668EF	RVB 102 104 239	#6668EF
33.3%	33.3% #6E73F2	RVB 110 115 242	#6E73F2
50.0%	50.0% #777EF5	RVB 119 126 245	#777EF5
66.7%	66.7% #7F89F8	RVB 127 137 248	#7F89F8
83.3%	83.3% #8894FB	RVB 136 148 251	#8894FB
100.0%	100.0% #929FFF	RVB 146 159 255	#929FFF

#5E5EEC #6668EF #6E73F2 #777EF5 #7F89F8 #8894FB #929FFF

#5E5EEC - #777EF5 - #929FFF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EEC 0%, #777EF5 50%, #929FFF 100%);
    background: -webkit-linear-gradient(top, #5E5EEC 0%, #777EF5 50%, #929FFF 100%);
    background: linear-gradient(to bottom, #5E5EEC 0%, #777EF5 50%, #929FFF 100%);
}
</style>