#ABC6EF - #4D75BD | 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 #ABC6EF à #4D75BD

#ABC6EF #4D75BD

Calculez la couleur entre deux couleurs, #ABC6EF et #4D75BD. 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)

#ABC6EF - #4D75BD | 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 #ABC6EF 0% et #4D75BD 100%.

0.0%	0.0% #ABC6EF	RVB 171 198 239	#ABC6EF
16.7%	16.7% #9BB8E6	RVB 155 184 230	#9BB8E6
33.3%	33.3% #8BABDE	RVB 139 171 222	#8BABDE
50.0%	50.0% #7C9DD6	RVB 124 157 214	#7C9DD6
66.7%	66.7% #6C90CD	RVB 108 144 205	#6C90CD
83.3%	83.3% #5C82C5	RVB 92 130 197	#5C82C5
100.0%	100.0% #4D75BD	RVB 77 117 189	#4D75BD

#ABC6EF #9BB8E6 #8BABDE #7C9DD6 #6C90CD #5C82C5 #4D75BD

#ABC6EF - #4D75BD

Mélange HSV

#ABC6EF - #4D75BD | 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 #ABC6EF 0% et #4D75BD 100%.

0.0%	0.0% #ABC6EF	RVB 171 198 239	#ABC6EF
16.7%	16.7% #99B7E6	RVB 153 183 230	#99B7E6
33.3%	33.3% #88A9DE	RVB 136 169 222	#88A9DE
50.0%	50.0% #789BD6	RVB 120 155 214	#789BD6
66.7%	66.7% #688ECD	RVB 104 142 205	#688ECD
83.3%	83.3% #5A81C5	RVB 90 129 197	#5A81C5
100.0%	100.0% #4D75BD	RVB 77 117 189	#4D75BD

#ABC6EF #99B7E6 #88A9DE #789BD6 #688ECD #5A81C5 #4D75BD

#ABC6EF - #789BD6 - #4D75BD

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6EF 0%, #789BD6 50%, #4D75BD 100%);
    background: -webkit-linear-gradient(top, #ABC6EF 0%, #789BD6 50%, #4D75BD 100%);
    background: linear-gradient(to bottom, #ABC6EF 0%, #789BD6 50%, #4D75BD 100%);
}
</style>