#A8C9F3 - #E6EFFB | 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 #A8C9F3 à #E6EFFB

#A8C9F3 #E6EFFB

Calculez la couleur entre deux couleurs, #A8C9F3 et #E6EFFB. 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)

#A8C9F3 - #E6EFFB | 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 #A8C9F3 0% et #E6EFFB 100%.

0.0%	0.0% #A8C9F3	RVB 168 201 243	#A8C9F3
16.7%	16.7% #B2CFF4	RVB 178 207 244	#B2CFF4
33.3%	33.3% #BCD5F5	RVB 188 213 245	#BCD5F5
50.0%	50.0% #C7DCF7	RVB 199 220 247	#C7DCF7
66.7%	66.7% #D1E2F8	RVB 209 226 248	#D1E2F8
83.3%	83.3% #DBE8F9	RVB 219 232 249	#DBE8F9
100.0%	100.0% #E6EFFB	RVB 230 239 251	#E6EFFB

#A8C9F3 #B2CFF4 #BCD5F5 #C7DCF7 #D1E2F8 #DBE8F9 #E6EFFB

#A8C9F3 - #E6EFFB

Mélange HSV

#A8C9F3 - #E6EFFB | 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 #A8C9F3 0% et #E6EFFB 100%.

0.0%	0.0% #A8C9F3	RVB 168 201 243	#A8C9F3
16.7%	16.7% #B2CFF4	RVB 178 207 244	#B2CFF4
33.3%	33.3% #BCD5F5	RVB 188 213 245	#BCD5F5
50.0%	50.0% #C6DBF7	RVB 198 219 247	#C6DBF7
66.7%	66.7% #D0E1F8	RVB 208 225 248	#D0E1F8
83.3%	83.3% #DBE8F9	RVB 219 232 249	#DBE8F9
100.0%	100.0% #E6EFFB	RVB 230 239 251	#E6EFFB

#A8C9F3 #B2CFF4 #BCD5F5 #C6DBF7 #D0E1F8 #DBE8F9 #E6EFFB

#A8C9F3 - #C6DBF7 - #E6EFFB

Codes CSS

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

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