#C9C2FF - #D4E7E2 | 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 #C9C2FF à #D4E7E2

#C9C2FF #D4E7E2

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

#C9C2FF - #D4E7E2 | 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 #C9C2FF 0% et #D4E7E2 100%.

0.0%	0.0% #C9C2FF	RVB 201 194 255	#C9C2FF
16.7%	16.7% #CAC8FA	RVB 202 200 250	#CAC8FA
33.3%	33.3% #CCCEF5	RVB 204 206 245	#CCCEF5
50.0%	50.0% #CED4F0	RVB 206 212 240	#CED4F0
66.7%	66.7% #D0DAEB	RVB 208 218 235	#D0DAEB
83.3%	83.3% #D2E0E6	RVB 210 224 230	#D2E0E6
100.0%	100.0% #D4E7E2	RVB 212 231 226	#D4E7E2

#C9C2FF #CAC8FA #CCCEF5 #CED4F0 #D0DAEB #D2E0E6 #D4E7E2

#C9C2FF - #D4E7E2

Mélange HSV

#C9C2FF - #D4E7E2 | 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 #C9C2FF 0% et #D4E7E2 100%.

0.0%	0.0% #C9C2FF	RVB 201 194 255	#C9C2FF
16.7%	16.7% #C5CBFB	RVB 197 203 251	#C5CBFB
33.3%	33.3% #C8D8F7	RVB 200 216 247	#C8D8F7
50.0%	50.0% #CBE2F3	RVB 203 226 243	#CBE2F3
66.7%	66.7% #CEE8EF	RVB 206 232 239	#CEE8EF
83.3%	83.3% #D1EBEA	RVB 209 235 234	#D1EBEA
100.0%	100.0% #D4E7E2	RVB 212 231 226	#D4E7E2

#C9C2FF #C5CBFB #C8D8F7 #CBE2F3 #CEE8EF #D1EBEA #D4E7E2

#C9C2FF - #CBE2F3 - #D4E7E2

Codes CSS

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

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