#965FCD - #B5E5E3 | 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 #965FCD à #B5E5E3

#965FCD #B5E5E3

Calculez la couleur entre deux couleurs, #965FCD et #B5E5E3. 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)

#965FCD - #B5E5E3 | 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 #965FCD 0% et #B5E5E3 100%.

0.0%	0.0% #965FCD	RVB 150 95 205	#965FCD
16.7%	16.7% #9B75D0	RVB 155 117 208	#9B75D0
33.3%	33.3% #A08BD4	RVB 160 139 212	#A08BD4
50.0%	50.0% #A5A2D8	RVB 165 162 216	#A5A2D8
66.7%	66.7% #AAB8DB	RVB 170 184 219	#AAB8DB
83.3%	83.3% #AFCEDF	RVB 175 206 223	#AFCEDF
100.0%	100.0% #B5E5E3	RVB 181 229 227	#B5E5E3

#965FCD #9B75D0 #A08BD4 #A5A2D8 #AAB8DB #AFCEDF #B5E5E3

#965FCD - #B5E5E3

Mélange HSV

#965FCD - #B5E5E3 | 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 #965FCD 0% et #B5E5E3 100%.

0.0%	0.0% #965FCD	RVB 150 95 205	#965FCD
16.7%	16.7% #846CD1	RVB 132 108 209	#846CD1
33.3%	33.3% #797BD5	RVB 121 123 213	#797BD5
50.0%	50.0% #889DD9	RVB 136 157 217	#889DD9
66.7%	66.7% #96BBDD	RVB 150 187 221	#96BBDD
83.3%	83.3% #A5D4E1	RVB 165 212 225	#A5D4E1
100.0%	100.0% #B5E5E3	RVB 181 229 227	#B5E5E3

#965FCD #846CD1 #797BD5 #889DD9 #96BBDD #A5D4E1 #B5E5E3

#965FCD - #889DD9 - #B5E5E3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #965FCD 0%, #889DD9 50%, #B5E5E3 100%);
    background: -webkit-linear-gradient(top, #965FCD 0%, #889DD9 50%, #B5E5E3 100%);
    background: linear-gradient(to bottom, #965FCD 0%, #889DD9 50%, #B5E5E3 100%);
}
</style>