#C5E4FC - #699DD2 | 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 #C5E4FC à #699DD2

#C5E4FC #699DD2

Calculez la couleur entre deux couleurs, #C5E4FC et #699DD2. 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)

#C5E4FC - #699DD2 | 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 #C5E4FC 0% et #699DD2 100%.

0.0%	0.0% #C5E4FC	RVB 197 228 252	#C5E4FC
16.7%	16.7% #B5D8F5	RVB 181 216 245	#B5D8F5
33.3%	33.3% #A6CCEE	RVB 166 204 238	#A6CCEE
50.0%	50.0% #97C0E7	RVB 151 192 231	#97C0E7
66.7%	66.7% #87B4E0	RVB 135 180 224	#87B4E0
83.3%	83.3% #78A8D9	RVB 120 168 217	#78A8D9
100.0%	100.0% #699DD2	RVB 105 157 210	#699DD2

#C5E4FC #B5D8F5 #A6CCEE #97C0E7 #87B4E0 #78A8D9 #699DD2

#C5E4FC - #699DD2

Mélange HSV

#C5E4FC - #699DD2 | 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 #C5E4FC 0% et #699DD2 100%.

0.0%	0.0% #C5E4FC	RVB 197 228 252	#C5E4FC
16.7%	16.7% #B4D7F5	RVB 180 215 245	#B4D7F5
33.3%	33.3% #A3CBEE	RVB 163 203 238	#A3CBEE
50.0%	50.0% #94BFE7	RVB 148 191 231	#94BFE7
66.7%	66.7% #85B4E0	RVB 133 180 224	#85B4E0
83.3%	83.3% #76A8D9	RVB 118 168 217	#76A8D9
100.0%	100.0% #699DD2	RVB 105 157 210	#699DD2

#C5E4FC #B4D7F5 #A3CBEE #94BFE7 #85B4E0 #76A8D9 #699DD2

#C5E4FC - #94BFE7 - #699DD2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E4FC 0%, #94BFE7 50%, #699DD2 100%);
    background: -webkit-linear-gradient(top, #C5E4FC 0%, #94BFE7 50%, #699DD2 100%);
    background: linear-gradient(to bottom, #C5E4FC 0%, #94BFE7 50%, #699DD2 100%);
}
</style>