#603EB6 - #CD95D3 | 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 #603EB6 à #CD95D3

#603EB6 #CD95D3

Calculez la couleur entre deux couleurs, #603EB6 et #CD95D3. 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)

#603EB6 - #CD95D3 | 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 #603EB6 0% et #CD95D3 100%.

0.0%	0.0% #603EB6	RVB 96 62 182	#603EB6
16.7%	16.7% #724CBA	RVB 114 76 186	#724CBA
33.3%	33.3% #845BBF	RVB 132 91 191	#845BBF
50.0%	50.0% #9669C4	RVB 150 105 196	#9669C4
66.7%	66.7% #A878C9	RVB 168 120 201	#A878C9
83.3%	83.3% #BA86CE	RVB 186 134 206	#BA86CE
100.0%	100.0% #CD95D3	RVB 205 149 211	#CD95D3

#603EB6 #724CBA #845BBF #9669C4 #A878C9 #BA86CE #CD95D3

#603EB6 - #CD95D3

Mélange HSV

#603EB6 - #CD95D3 | 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 #603EB6 0% et #CD95D3 100%.

0.0%	0.0% #603EB6	RVB 96 62 182	#603EB6
16.7%	16.7% #764BBA	RVB 118 75 186	#764BBA
33.3%	33.3% #8B58BF	RVB 139 88 191	#8B58BF
50.0%	50.0% #9E66C4	RVB 158 102 196	#9E66C4
66.7%	66.7% #AF75C9	RVB 175 117 201	#AF75C9
83.3%	83.3% #BF85CE	RVB 191 133 206	#BF85CE
100.0%	100.0% #CD95D3	RVB 205 149 211	#CD95D3

#603EB6 #764BBA #8B58BF #9E66C4 #AF75C9 #BF85CE #CD95D3

#603EB6 - #9E66C4 - #CD95D3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #603EB6 0%, #9E66C4 50%, #CD95D3 100%);
    background: -webkit-linear-gradient(top, #603EB6 0%, #9E66C4 50%, #CD95D3 100%);
    background: linear-gradient(to bottom, #603EB6 0%, #9E66C4 50%, #CD95D3 100%);
}
</style>