#90ABC6 - #3E5B82 | 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 #90ABC6 à #3E5B82

#90ABC6 #3E5B82

Calculez la couleur entre deux couleurs, #90ABC6 et #3E5B82. 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)

#90ABC6 - #3E5B82 | 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 #90ABC6 0% et #3E5B82 100%.

0.0%	0.0% #90ABC6	RVB 144 171 198	#90ABC6
16.7%	16.7% #829DBA	RVB 130 157 186	#829DBA
33.3%	33.3% #7490AF	RVB 116 144 175	#7490AF
50.0%	50.0% #6783A4	RVB 103 131 164	#6783A4
66.7%	66.7% #597598	RVB 89 117 152	#597598
83.3%	83.3% #4B688D	RVB 75 104 141	#4B688D
100.0%	100.0% #3E5B82	RVB 62 91 130	#3E5B82

#90ABC6 #829DBA #7490AF #6783A4 #597598 #4B688D #3E5B82

#90ABC6 - #3E5B82

Mélange HSV

#90ABC6 - #3E5B82 | 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 #90ABC6 0% et #3E5B82 100%.

0.0%	0.0% #90ABC6	RVB 144 171 198	#90ABC6
16.7%	16.7% #7F9CBA	RVB 127 156 186	#7F9CBA
33.3%	33.3% #708EAF	RVB 112 142 175	#708EAF
50.0%	50.0% #6280A4	RVB 98 128 164	#6280A4
66.7%	66.7% #557398	RVB 85 115 152	#557398
83.3%	83.3% #49678D	RVB 73 103 141	#49678D
100.0%	100.0% #3E5B82	RVB 62 91 130	#3E5B82

#90ABC6 #7F9CBA #708EAF #6280A4 #557398 #49678D #3E5B82

#90ABC6 - #6280A4 - #3E5B82

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #90ABC6 0%, #6280A4 50%, #3E5B82 100%);
    background: -webkit-linear-gradient(top, #90ABC6 0%, #6280A4 50%, #3E5B82 100%);
    background: linear-gradient(to bottom, #90ABC6 0%, #6280A4 50%, #3E5B82 100%);
}
</style>