#8C92D9 - #BFCADD | 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 #8C92D9 à #BFCADD

#8C92D9 #BFCADD

Calculez la couleur entre deux couleurs, #8C92D9 et #BFCADD. 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)

#8C92D9 - #BFCADD | 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 #8C92D9 0% et #BFCADD 100%.

0.0%	0.0% #8C92D9	RVB 140 146 217	#8C92D9
16.7%	16.7% #949BD9	RVB 148 155 217	#949BD9
33.3%	33.3% #9DA4DA	RVB 157 164 218	#9DA4DA
50.0%	50.0% #A5AEDB	RVB 165 174 219	#A5AEDB
66.7%	66.7% #AEB7DB	RVB 174 183 219	#AEB7DB
83.3%	83.3% #B6C0DC	RVB 182 192 220	#B6C0DC
100.0%	100.0% #BFCADD	RVB 191 202 221	#BFCADD

#8C92D9 #949BD9 #9DA4DA #A5AEDB #AEB7DB #B6C0DC #BFCADD

#8C92D9 - #BFCADD

Mélange HSV

#8C92D9 - #BFCADD | 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 #8C92D9 0% et #BFCADD 100%.

0.0%	0.0% #8C92D9	RVB 140 146 217	#8C92D9
16.7%	16.7% #949DD9	RVB 148 157 217	#949DD9
33.3%	33.3% #9CA7DA	RVB 156 167 218	#9CA7DA
50.0%	50.0% #A5B1DB	RVB 165 177 219	#A5B1DB
66.7%	66.7% #ADBADB	RVB 173 186 219	#ADBADB
83.3%	83.3% #B6C2DC	RVB 182 194 220	#B6C2DC
100.0%	100.0% #BFCADD	RVB 191 202 221	#BFCADD

#8C92D9 #949DD9 #9CA7DA #A5B1DB #ADBADB #B6C2DC #BFCADD

#8C92D9 - #A5B1DB - #BFCADD

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C92D9 0%, #A5B1DB 50%, #BFCADD 100%);
    background: -webkit-linear-gradient(top, #8C92D9 0%, #A5B1DB 50%, #BFCADD 100%);
    background: linear-gradient(to bottom, #8C92D9 0%, #A5B1DB 50%, #BFCADD 100%);
}
</style>