#5E6CC1 - #B9C0D1 | 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 #5E6CC1 à #B9C0D1

#5E6CC1 #B9C0D1

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

#5E6CC1 - #B9C0D1 | 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 #5E6CC1 0% et #B9C0D1 100%.

0.0%	0.0% #5E6CC1	RVB 94 108 193	#5E6CC1
16.7%	16.7% #6D7AC3	RVB 109 122 195	#6D7AC3
33.3%	33.3% #7C88C6	RVB 124 136 198	#7C88C6
50.0%	50.0% #8B96C9	RVB 139 150 201	#8B96C9
66.7%	66.7% #9AA4CB	RVB 154 164 203	#9AA4CB
83.3%	83.3% #A9B2CE	RVB 169 178 206	#A9B2CE
100.0%	100.0% #B9C0D1	RVB 185 192 209	#B9C0D1

#5E6CC1 #6D7AC3 #7C88C6 #8B96C9 #9AA4CB #A9B2CE #B9C0D1

#5E6CC1 - #B9C0D1

Mélange HSV

#5E6CC1 - #B9C0D1 | 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 #5E6CC1 0% et #B9C0D1 100%.

0.0%	0.0% #5E6CC1	RVB 94 108 193	#5E6CC1
16.7%	16.7% #6C7AC3	RVB 108 122 195	#6C7AC3
33.3%	33.3% #7A89C6	RVB 122 137 198	#7A89C6
50.0%	50.0% #8997C9	RVB 137 151 201	#8997C9
66.7%	66.7% #99A5CB	RVB 153 165 203	#99A5CB
83.3%	83.3% #A8B2CE	RVB 168 178 206	#A8B2CE
100.0%	100.0% #B9C0D1	RVB 185 192 209	#B9C0D1

#5E6CC1 #6C7AC3 #7A89C6 #8997C9 #99A5CB #A8B2CE #B9C0D1

#5E6CC1 - #8997C9 - #B9C0D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6CC1 0%, #8997C9 50%, #B9C0D1 100%);
    background: -webkit-linear-gradient(top, #5E6CC1 0%, #8997C9 50%, #B9C0D1 100%);
    background: linear-gradient(to bottom, #5E6CC1 0%, #8997C9 50%, #B9C0D1 100%);
}
</style>