#6D00DA - #B5E7FF | 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 #6D00DA à #B5E7FF

#6D00DA #B5E7FF

Calculez la couleur entre deux couleurs, #6D00DA et #B5E7FF. 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)

#6D00DA - #B5E7FF | 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 #6D00DA 0% et #B5E7FF 100%.

0.0%	0.0% #6D00DA	RVB 109 0 218	#6D00DA
16.7%	16.7% #7926E0	RVB 121 38 224	#7926E0
33.3%	33.3% #854DE6	RVB 133 77 230	#854DE6
50.0%	50.0% #9173EC	RVB 145 115 236	#9173EC
66.7%	66.7% #9D9AF2	RVB 157 154 242	#9D9AF2
83.3%	83.3% #A9C0F8	RVB 169 192 248	#A9C0F8
100.0%	100.0% #B5E7FF	RVB 181 231 255	#B5E7FF

#6D00DA #7926E0 #854DE6 #9173EC #9D9AF2 #A9C0F8 #B5E7FF

#6D00DA - #B5E7FF

Mélange HSV

#6D00DA - #B5E7FF | 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 #6D00DA 0% et #B5E7FF 100%.

0.0%	0.0% #6D00DA	RVB 109 0 218	#6D00DA
16.7%	16.7% #561AE0	RVB 86 26 224	#561AE0
33.3%	33.3% #4936E6	RVB 73 54 230	#4936E6
50.0%	50.0% #5361EC	RVB 83 97 236	#5361EC
66.7%	66.7% #7297F2	RVB 114 151 242	#7297F2
83.3%	83.3% #93C3F8	RVB 147 195 248	#93C3F8
100.0%	100.0% #B5E7FF	RVB 181 231 255	#B5E7FF

#6D00DA #561AE0 #4936E6 #5361EC #7297F2 #93C3F8 #B5E7FF

#6D00DA - #5361EC - #B5E7FF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D00DA 0%, #5361EC 50%, #B5E7FF 100%);
    background: -webkit-linear-gradient(top, #6D00DA 0%, #5361EC 50%, #B5E7FF 100%);
    background: linear-gradient(to bottom, #6D00DA 0%, #5361EC 50%, #B5E7FF 100%);
}
</style>