#C5E7FF - #CEF3EC | 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 #C5E7FF à #CEF3EC

#C5E7FF #CEF3EC

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

#C5E7FF - #CEF3EC | 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 #C5E7FF 0% et #CEF3EC 100%.

0.0%	0.0% #C5E7FF	RVB 197 231 255	#C5E7FF
16.7%	16.7% #C6E9FB	RVB 198 233 251	#C6E9FB
33.3%	33.3% #C8EBF8	RVB 200 235 248	#C8EBF8
50.0%	50.0% #C9EDF5	RVB 201 237 245	#C9EDF5
66.7%	66.7% #CBEFF2	RVB 203 239 242	#CBEFF2
83.3%	83.3% #CCF1EF	RVB 204 241 239	#CCF1EF
100.0%	100.0% #CEF3EC	RVB 206 243 236	#CEF3EC

#C5E7FF #C6E9FB #C8EBF8 #C9EDF5 #CBEFF2 #CCF1EF #CEF3EC

#C5E7FF - #CEF3EC

Mélange HSV

#C5E7FF - #CEF3EC | 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 #C5E7FF 0% et #CEF3EC 100%.

0.0%	0.0% #C5E7FF	RVB 197 231 255	#C5E7FF
16.7%	16.7% #C6EBFD	RVB 198 235 253	#C6EBFD
33.3%	33.3% #C8F0FB	RVB 200 240 251	#C8F0FB
50.0%	50.0% #C9F3F9	RVB 201 243 249	#C9F3F9
66.7%	66.7% #CBF6F7	RVB 203 246 247	#CBF6F7
83.3%	83.3% #CCF5F1	RVB 204 245 241	#CCF5F1
100.0%	100.0% #CEF3EC	RVB 206 243 236	#CEF3EC

#C5E7FF #C6EBFD #C8F0FB #C9F3F9 #CBF6F7 #CCF5F1 #CEF3EC

#C5E7FF - #C9F3F9 - #CEF3EC

Codes CSS

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

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