#B8B8FF - #4F5FD4 | 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 #B8B8FF à #4F5FD4

#B8B8FF #4F5FD4

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

#B8B8FF - #4F5FD4 | 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 #B8B8FF 0% et #4F5FD4 100%.

0.0%	0.0% #B8B8FF	RVB 184 184 255	#B8B8FF
16.7%	16.7% #A6A9F7	RVB 166 169 247	#A6A9F7
33.3%	33.3% #959AF0	RVB 149 154 240	#959AF0
50.0%	50.0% #838BE9	RVB 131 139 233	#838BE9
66.7%	66.7% #727CE2	RVB 114 124 226	#727CE2
83.3%	83.3% #606DDB	RVB 96 109 219	#606DDB
100.0%	100.0% #4F5FD4	RVB 79 95 212	#4F5FD4

#B8B8FF #A6A9F7 #959AF0 #838BE9 #727CE2 #606DDB #4F5FD4

#B8B8FF - #4F5FD4

Mélange HSV

#B8B8FF - #4F5FD4 | 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 #B8B8FF 0% et #4F5FD4 100%.

0.0%	0.0% #B8B8FF	RVB 184 184 255	#B8B8FF
16.7%	16.7% #A4A6F7	RVB 164 166 247	#A4A6F7
33.3%	33.3% #9195F0	RVB 145 149 240	#9195F0
50.0%	50.0% #7F86E9	RVB 127 134 233	#7F86E9
66.7%	66.7% #6E77E2	RVB 110 119 226	#6E77E2
83.3%	83.3% #5E6ADB	RVB 94 106 219	#5E6ADB
100.0%	100.0% #4F5FD4	RVB 79 95 212	#4F5FD4

#B8B8FF #A4A6F7 #9195F0 #7F86E9 #6E77E2 #5E6ADB #4F5FD4

#B8B8FF - #7F86E9 - #4F5FD4

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8B8FF 0%, #7F86E9 50%, #4F5FD4 100%);
    background: -webkit-linear-gradient(top, #B8B8FF 0%, #7F86E9 50%, #4F5FD4 100%);
    background: linear-gradient(to bottom, #B8B8FF 0%, #7F86E9 50%, #4F5FD4 100%);
}
</style>