#C7C0FF - #CEECE3 | 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 #C7C0FF à #CEECE3

#C7C0FF #CEECE3

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

#C7C0FF - #CEECE3 | 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 #C7C0FF 0% et #CEECE3 100%.

0.0%	0.0% #C7C0FF	RVB 199 192 255	#C7C0FF
16.7%	16.7% #C8C7FA	RVB 200 199 250	#C8C7FA
33.3%	33.3% #C9CEF5	RVB 201 206 245	#C9CEF5
50.0%	50.0% #CAD6F1	RVB 202 214 241	#CAD6F1
66.7%	66.7% #CBDDEC	RVB 203 221 236	#CBDDEC
83.3%	83.3% #CCE4E7	RVB 204 228 231	#CCE4E7
100.0%	100.0% #CEECE3	RVB 206 236 227	#CEECE3

#C7C0FF #C8C7FA #C9CEF5 #CAD6F1 #CBDDEC #CCE4E7 #CEECE3

#C7C0FF - #CEECE3

Mélange HSV

#C7C0FF - #CEECE3 | 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 #C7C0FF 0% et #CEECE3 100%.

0.0%	0.0% #C7C0FF	RVB 199 192 255	#C7C0FF
16.7%	16.7% #C2C9FB	RVB 194 201 251	#C2C9FB
33.3%	33.3% #C5D7F8	RVB 197 215 248	#C5D7F8
50.0%	50.0% #C7E2F5	RVB 199 226 245	#C7E2F5
66.7%	66.7% #C9EBF2	RVB 201 235 242	#C9EBF2
83.3%	83.3% #CBEFEC	RVB 203 239 236	#CBEFEC
100.0%	100.0% #CEECE3	RVB 206 236 227	#CEECE3

#C7C0FF #C2C9FB #C5D7F8 #C7E2F5 #C9EBF2 #CBEFEC #CEECE3

#C7C0FF - #C7E2F5 - #CEECE3

Codes CSS

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

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