#C5E2F7 - #E7E8F0 | 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 à #E7E8F0

#C5E2F7 #E7E8F0

Calculez la couleur entre deux couleurs, #C5E2F7 et #E7E8F0. 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 - #E7E8F0 | 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 #E7E8F0 100%.

0.0%	0.0% #C5E2F7	RVB 197 226 247	#C5E2F7
16.7%	16.7% #CAE3F5	RVB 202 227 245	#CAE3F5
33.3%	33.3% #D0E4F4	RVB 208 228 244	#D0E4F4
50.0%	50.0% #D6E5F3	RVB 214 229 243	#D6E5F3
66.7%	66.7% #DBE6F2	RVB 219 230 242	#DBE6F2
83.3%	83.3% #E1E7F1	RVB 225 231 241	#E1E7F1
100.0%	100.0% #E7E8F0	RVB 231 232 240	#E7E8F0

#C5E2F7 #CAE3F5 #D0E4F4 #D6E5F3 #DBE6F2 #E1E7F1 #E7E8F0

#C5E2F7 - #E7E8F0

Mélange HSV

#C5E2F7 - #E7E8F0 | 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 #E7E8F0 100%.

0.0%	0.0% #C5E2F7	RVB 197 226 247	#C5E2F7
16.7%	16.7% #CAE0F5	RVB 202 224 245	#CAE0F5
33.3%	33.3% #D0DFF4	RVB 208 223 244	#D0DFF4
50.0%	50.0% #D6E0F3	RVB 214 224 243	#D6E0F3
66.7%	66.7% #DBE1F2	RVB 219 225 242	#DBE1F2
83.3%	83.3% #E1E4F1	RVB 225 228 241	#E1E4F1
100.0%	100.0% #E7E8F0	RVB 231 232 240	#E7E8F0

#C5E2F7 #CAE0F5 #D0DFF4 #D6E0F3 #DBE1F2 #E1E4F1 #E7E8F0

#C5E2F7 - #D6E0F3 - #E7E8F0

Codes CSS

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

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