#6E5E8F - #1F1D3E | 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 #6E5E8F à #1F1D3E

#6E5E8F #1F1D3E

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

#6E5E8F - #1F1D3E | 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 #6E5E8F 0% et #1F1D3E 100%.

0.0%	0.0% #6E5E8F	RVB 110 94 143	#6E5E8F
16.7%	16.7% #605381	RVB 96 83 129	#605381
33.3%	33.3% #534874	RVB 83 72 116	#534874
50.0%	50.0% #463D66	RVB 70 61 102	#463D66
66.7%	66.7% #393259	RVB 57 50 89	#393259
83.3%	83.3% #2C274B	RVB 44 39 75	#2C274B
100.0%	100.0% #1F1D3E	RVB 31 29 62	#1F1D3E

#6E5E8F #605381 #534874 #463D66 #393259 #2C274B #1F1D3E

#6E5E8F - #1F1D3E

Mélange HSV

#6E5E8F - #1F1D3E | 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 #6E5E8F 0% et #1F1D3E 100%.

0.0%	0.0% #6E5E8F	RVB 110 94 143	#6E5E8F
16.7%	16.7% #5E5181	RVB 94 81 129	#5E5181
33.3%	33.3% #504474	RVB 80 68 116	#504474
50.0%	50.0% #423966	RVB 66 57 102	#423966
66.7%	66.7% #352F59	RVB 53 47 89	#352F59
83.3%	83.3% #29254B	RVB 41 37 75	#29254B
100.0%	100.0% #1F1D3E	RVB 31 29 62	#1F1D3E

#6E5E8F #5E5181 #504474 #423966 #352F59 #29254B #1F1D3E

#6E5E8F - #423966 - #1F1D3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E8F 0%, #423966 50%, #1F1D3E 100%);
    background: -webkit-linear-gradient(top, #6E5E8F 0%, #423966 50%, #1F1D3E 100%);
    background: linear-gradient(to bottom, #6E5E8F 0%, #423966 50%, #1F1D3E 100%);
}
</style>