#C8C5E7 - #696CAA | 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 #C8C5E7 à #696CAA

#C8C5E7 #696CAA

Calculez la couleur entre deux couleurs, #C8C5E7 et #696CAA. 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)

#C8C5E7 - #696CAA | 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 #C8C5E7 0% et #696CAA 100%.

0.0%	0.0% #C8C5E7	RVB 200 197 231	#C8C5E7
16.7%	16.7% #B8B6DC	RVB 184 182 220	#B8B6DC
33.3%	33.3% #A8A7D2	RVB 168 167 210	#A8A7D2
50.0%	50.0% #9898C8	RVB 152 152 200	#9898C8
66.7%	66.7% #8889BE	RVB 136 137 190	#8889BE
83.3%	83.3% #787AB4	RVB 120 122 180	#787AB4
100.0%	100.0% #696CAA	RVB 105 108 170	#696CAA

#C8C5E7 #B8B6DC #A8A7D2 #9898C8 #8889BE #787AB4 #696CAA

#C8C5E7 - #696CAA

Mélange HSV

#C8C5E7 - #696CAA | 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 #C8C5E7 0% et #696CAA 100%.

0.0%	0.0% #C8C5E7	RVB 200 197 231	#C8C5E7
16.7%	16.7% #B6B3DC	RVB 182 179 220	#B6B3DC
33.3%	33.3% #A5A3D2	RVB 165 163 210	#A5A3D2
50.0%	50.0% #9493C8	RVB 148 147 200	#9493C8
66.7%	66.7% #8484BE	RVB 132 132 190	#8484BE
83.3%	83.3% #7677B4	RVB 118 119 180	#7677B4
100.0%	100.0% #696CAA	RVB 105 108 170	#696CAA

#C8C5E7 #B6B3DC #A5A3D2 #9493C8 #8484BE #7677B4 #696CAA

#C8C5E7 - #9493C8 - #696CAA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C5E7 0%, #9493C8 50%, #696CAA 100%);
    background: -webkit-linear-gradient(top, #C8C5E7 0%, #9493C8 50%, #696CAA 100%);
    background: linear-gradient(to bottom, #C8C5E7 0%, #9493C8 50%, #696CAA 100%);
}
</style>