#686D9F - #D3D5E3 | 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 #686D9F à #D3D5E3

#686D9F #D3D5E3

Calculez la couleur entre deux couleurs, #686D9F et #D3D5E3. 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)

#686D9F - #D3D5E3 | 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 #686D9F 0% et #D3D5E3 100%.

0.0%	0.0% #686D9F	RVB 104 109 159	#686D9F
16.7%	16.7% #797EAA	RVB 121 126 170	#797EAA
33.3%	33.3% #8B8FB5	RVB 139 143 181	#8B8FB5
50.0%	50.0% #9DA1C1	RVB 157 161 193	#9DA1C1
66.7%	66.7% #AFB2CC	RVB 175 178 204	#AFB2CC
83.3%	83.3% #C1C3D7	RVB 193 195 215	#C1C3D7
100.0%	100.0% #D3D5E3	RVB 211 213 227	#D3D5E3

#686D9F #797EAA #8B8FB5 #9DA1C1 #AFB2CC #C1C3D7 #D3D5E3

#686D9F - #D3D5E3

Mélange HSV

#686D9F - #D3D5E3 | 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 #686D9F 0% et #D3D5E3 100%.

0.0%	0.0% #686D9F	RVB 104 109 159	#686D9F
16.7%	16.7% #777CAA	RVB 119 124 170	#777CAA
33.3%	33.3% #878CB5	RVB 135 140 181	#878CB5
50.0%	50.0% #989DC1	RVB 152 157 193	#989DC1
66.7%	66.7% #ABAECC	RVB 171 174 204	#ABAECC
83.3%	83.3% #BEC1D7	RVB 190 193 215	#BEC1D7
100.0%	100.0% #D3D5E3	RVB 211 213 227	#D3D5E3

#686D9F #777CAA #878CB5 #989DC1 #ABAECC #BEC1D7 #D3D5E3

#686D9F - #989DC1 - #D3D5E3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686D9F 0%, #989DC1 50%, #D3D5E3 100%);
    background: -webkit-linear-gradient(top, #686D9F 0%, #989DC1 50%, #D3D5E3 100%);
    background: linear-gradient(to bottom, #686D9F 0%, #989DC1 50%, #D3D5E3 100%);
}
</style>