#C0CDF7 - #5E7DC9 | 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 #C0CDF7 à #5E7DC9

#C0CDF7 #5E7DC9

Calculez la couleur entre deux couleurs, #C0CDF7 et #5E7DC9. 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)

#C0CDF7 - #5E7DC9 | 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 #C0CDF7 0% et #5E7DC9 100%.

0.0%	0.0% #C0CDF7	RVB 192 205 247	#C0CDF7
16.7%	16.7% #AFBFEF	RVB 175 191 239	#AFBFEF
33.3%	33.3% #9FB2E7	RVB 159 178 231	#9FB2E7
50.0%	50.0% #8FA5E0	RVB 143 165 224	#8FA5E0
66.7%	66.7% #7E97D8	RVB 126 151 216	#7E97D8
83.3%	83.3% #6E8AD0	RVB 110 138 208	#6E8AD0
100.0%	100.0% #5E7DC9	RVB 94 125 201	#5E7DC9

#C0CDF7 #AFBFEF #9FB2E7 #8FA5E0 #7E97D8 #6E8AD0 #5E7DC9

#C0CDF7 - #5E7DC9

Mélange HSV

#C0CDF7 - #5E7DC9 | 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 #C0CDF7 0% et #5E7DC9 100%.

0.0%	0.0% #C0CDF7	RVB 192 205 247	#C0CDF7
16.7%	16.7% #ADBDEF	RVB 173 189 239	#ADBDEF
33.3%	33.3% #9CAFE7	RVB 156 175 231	#9CAFE7
50.0%	50.0% #8BA1E0	RVB 139 161 224	#8BA1E0
66.7%	66.7% #7B94D8	RVB 123 148 216	#7B94D8
83.3%	83.3% #6C88D0	RVB 108 136 208	#6C88D0
100.0%	100.0% #5E7DC9	RVB 94 125 201	#5E7DC9

#C0CDF7 #ADBDEF #9CAFE7 #8BA1E0 #7B94D8 #6C88D0 #5E7DC9

#C0CDF7 - #8BA1E0 - #5E7DC9

Codes CSS

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

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