#3E5E97 - #97A8BD | 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 #3E5E97 à #97A8BD

#3E5E97 #97A8BD

Calculez la couleur entre deux couleurs, #3E5E97 et #97A8BD. 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)

#3E5E97 - #97A8BD | 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 #3E5E97 0% et #97A8BD 100%.

0.0%	0.0% #3E5E97	RVB 62 94 151	#3E5E97
16.7%	16.7% #4C6A9D	RVB 76 106 157	#4C6A9D
33.3%	33.3% #5B76A3	RVB 91 118 163	#5B76A3
50.0%	50.0% #6A83AA	RVB 106 131 170	#6A83AA
66.7%	66.7% #798FB0	RVB 121 143 176	#798FB0
83.3%	83.3% #889BB6	RVB 136 155 182	#889BB6
100.0%	100.0% #97A8BD	RVB 151 168 189	#97A8BD

#3E5E97 #4C6A9D #5B76A3 #6A83AA #798FB0 #889BB6 #97A8BD

#3E5E97 - #97A8BD

Mélange HSV

#3E5E97 - #97A8BD | 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 #3E5E97 0% et #97A8BD 100%.

0.0%	0.0% #3E5D97	RVB 62 93 151	#3E5D97
16.7%	16.7% #4A699D	RVB 74 105 157	#4A699D
33.3%	33.3% #5875A3	RVB 88 117 163	#5875A3
50.0%	50.0% #6681AA	RVB 102 129 170	#6681AA
66.7%	66.7% #768EB0	RVB 118 142 176	#768EB0
83.3%	83.3% #869BB6	RVB 134 155 182	#869BB6
100.0%	100.0% #97A8BD	RVB 151 168 189	#97A8BD

#3E5D97 #4A699D #5875A3 #6681AA #768EB0 #869BB6 #97A8BD

#3E5E97 - #6681AA - #97A8BD

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5D97 0%, #6681AA 50%, #97A8BD 100%);
    background: -webkit-linear-gradient(top, #3E5D97 0%, #6681AA 50%, #97A8BD 100%);
    background: linear-gradient(to bottom, #3E5D97 0%, #6681AA 50%, #97A8BD 100%);
}
</style>