#C2D9E6 - #ECE4FF | 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 #C2D9E6 à #ECE4FF

#C2D9E6 #ECE4FF

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

#C2D9E6 - #ECE4FF | 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 #C2D9E6 0% et #ECE4FF 100%.

0.0%	0.0% #C2D9E6	RVB 194 217 230	#C2D9E6
16.7%	16.7% #C9DAEA	RVB 201 218 234	#C9DAEA
33.3%	33.3% #D0DCEE	RVB 208 220 238	#D0DCEE
50.0%	50.0% #D7DEF2	RVB 215 222 242	#D7DEF2
66.7%	66.7% #DEE0F6	RVB 222 224 246	#DEE0F6
83.3%	83.3% #E5E2FA	RVB 229 226 250	#E5E2FA
100.0%	100.0% #ECE4FF	RVB 236 228 255	#ECE4FF

#C2D9E6 #C9DAEA #D0DCEE #D7DEF2 #DEE0F6 #E5E2FA #ECE4FF

#C2D9E6 - #ECE4FF

Mélange HSV

#C2D9E6 - #ECE4FF | 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 #C2D9E6 0% et #ECE4FF 100%.

0.0%	0.0% #C2D9E6	RVB 194 217 230	#C2D9E6
16.7%	16.7% #C7D8EA	RVB 199 216 234	#C7D8EA
33.3%	33.3% #CDD7EE	RVB 205 215 238	#CDD7EE
50.0%	50.0% #D2D8F2	RVB 210 216 242	#D2D8F2
66.7%	66.7% #D8D8F6	RVB 216 216 246	#D8D8F6
83.3%	83.3% #E2DEFA	RVB 226 222 250	#E2DEFA
100.0%	100.0% #ECE4FF	RVB 236 228 255	#ECE4FF

#C2D9E6 #C7D8EA #CDD7EE #D2D8F2 #D8D8F6 #E2DEFA #ECE4FF

#C2D9E6 - #D2D8F2 - #ECE4FF

Codes CSS

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

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