#6900D2 - #B5E2FF | 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 #6900D2 à #B5E2FF

#6900D2 #B5E2FF

Calculez la couleur entre deux couleurs, #6900D2 et #B5E2FF. 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)

#6900D2 - #B5E2FF | 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 #6900D2 0% et #B5E2FF 100%.

0.0%	0.0% #6900D2	RVB 105 0 210	#6900D2
16.7%	16.7% #7525D9	RVB 117 37 217	#7525D9
33.3%	33.3% #824BE1	RVB 130 75 225	#824BE1
50.0%	50.0% #8F71E8	RVB 143 113 232	#8F71E8
66.7%	66.7% #9B96F0	RVB 155 150 240	#9B96F0
83.3%	83.3% #A8BCF7	RVB 168 188 247	#A8BCF7
100.0%	100.0% #B5E2FF	RVB 181 226 255	#B5E2FF

#6900D2 #7525D9 #824BE1 #8F71E8 #9B96F0 #A8BCF7 #B5E2FF

#6900D2 - #B5E2FF

Mélange HSV

#6900D2 - #B5E2FF | 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 #6900D2 0% et #B5E2FF 100%.

0.0%	0.0% #6900D2	RVB 105 0 210	#6900D2
16.7%	16.7% #5619D9	RVB 86 25 217	#5619D9
33.3%	33.3% #4B35E1	RVB 75 53 225	#4B35E1
50.0%	50.0% #525AE8	RVB 82 90 232	#525AE8
66.7%	66.7% #718FF0	RVB 113 143 240	#718FF0
83.3%	83.3% #92BDF7	RVB 146 189 247	#92BDF7
100.0%	100.0% #B5E2FF	RVB 181 226 255	#B5E2FF

#6900D2 #5619D9 #4B35E1 #525AE8 #718FF0 #92BDF7 #B5E2FF

#6900D2 - #525AE8 - #B5E2FF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6900D2 0%, #525AE8 50%, #B5E2FF 100%);
    background: -webkit-linear-gradient(top, #6900D2 0%, #525AE8 50%, #B5E2FF 100%);
    background: linear-gradient(to bottom, #6900D2 0%, #525AE8 50%, #B5E2FF 100%);
}
</style>