#C5E6E9 - #FCFDFF | 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 #C5E6E9 à #FCFDFF

#C5E6E9 #FCFDFF

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

#C5E6E9 - #FCFDFF | 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 #C5E6E9 0% et #FCFDFF 100%.

0.0%	0.0% #C5E6E9	RVB 197 230 233	#C5E6E9
16.7%	16.7% #CEE9EC	RVB 206 233 236	#CEE9EC
33.3%	33.3% #D7EDF0	RVB 215 237 240	#D7EDF0
50.0%	50.0% #E0F1F4	RVB 224 241 244	#E0F1F4
66.7%	66.7% #E9F5F7	RVB 233 245 247	#E9F5F7
83.3%	83.3% #F2F9FB	RVB 242 249 251	#F2F9FB
100.0%	100.0% #FCFDFF	RVB 252 253 255	#FCFDFF

#C5E6E9 #CEE9EC #D7EDF0 #E0F1F4 #E9F5F7 #F2F9FB #FCFDFF

#C5E6E9 - #FCFDFF

Mélange HSV

#C5E6E9 - #FCFDFF | 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 #C5E6E9 0% et #FCFDFF 100%.

0.0%	0.0% #C5E6E9	RVB 197 230 233	#C5E6E9
16.7%	16.7% #CDE7EC	RVB 205 231 236	#CDE7EC
33.3%	33.3% #D6E9F0	RVB 214 233 240	#D6E9F0
50.0%	50.0% #DFECF4	RVB 223 236 244	#DFECF4
66.7%	66.7% #E8F0F7	RVB 232 240 247	#E8F0F7
83.3%	83.3% #F2F6FB	RVB 242 246 251	#F2F6FB
100.0%	100.0% #FCFDFF	RVB 252 253 255	#FCFDFF

#C5E6E9 #CDE7EC #D6E9F0 #DFECF4 #E8F0F7 #F2F6FB #FCFDFF

#C5E6E9 - #DFECF4 - #FCFDFF

Codes CSS

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

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