#C5E2F7 - #6B9ACA | 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 #C5E2F7 à #6B9ACA

#C5E2F7 #6B9ACA

Calculez la couleur entre deux couleurs, #C5E2F7 et #6B9ACA. 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)

#C5E2F7 - #6B9ACA | 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 #C5E2F7 0% et #6B9ACA 100%.

0.0%	0.0% #C5E2F7	RVB 197 226 247	#C5E2F7
16.7%	16.7% #B6D6EF	RVB 182 214 239	#B6D6EF
33.3%	33.3% #A7CAE8	RVB 167 202 232	#A7CAE8
50.0%	50.0% #98BEE0	RVB 152 190 224	#98BEE0
66.7%	66.7% #89B2D9	RVB 137 178 217	#89B2D9
83.3%	83.3% #7AA6D1	RVB 122 166 209	#7AA6D1
100.0%	100.0% #6B9ACA	RVB 107 154 202	#6B9ACA

#C5E2F7 #B6D6EF #A7CAE8 #98BEE0 #89B2D9 #7AA6D1 #6B9ACA

#C5E2F7 - #6B9ACA

Mélange HSV

#C5E2F7 - #6B9ACA | 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 #C5E2F7 0% et #6B9ACA 100%.

0.0%	0.0% #C5E2F7	RVB 197 226 247	#C5E2F7
16.7%	16.7% #B4D5EF	RVB 180 213 239	#B4D5EF
33.3%	33.3% #A4C9E8	RVB 164 201 232	#A4C9E8
50.0%	50.0% #94BDE0	RVB 148 189 224	#94BDE0
66.7%	66.7% #86B1D9	RVB 134 177 217	#86B1D9
83.3%	83.3% #78A5D1	RVB 120 165 209	#78A5D1
100.0%	100.0% #6B9ACA	RVB 107 154 202	#6B9ACA

#C5E2F7 #B4D5EF #A4C9E8 #94BDE0 #86B1D9 #78A5D1 #6B9ACA

#C5E2F7 - #94BDE0 - #6B9ACA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E2F7 0%, #94BDE0 50%, #6B9ACA 100%);
    background: -webkit-linear-gradient(top, #C5E2F7 0%, #94BDE0 50%, #6B9ACA 100%);
    background: linear-gradient(to bottom, #C5E2F7 0%, #94BDE0 50%, #6B9ACA 100%);
}
</style>