#C5B5E2 - #EEE9F6 | 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 #C5B5E2 à #EEE9F6

#C5B5E2 #EEE9F6

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

#C5B5E2 - #EEE9F6 | 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 #C5B5E2 0% et #EEE9F6 100%.

0.0%	0.0% #C5B5E2	RVB 197 181 226	#C5B5E2
16.7%	16.7% #CBBDE5	RVB 203 189 229	#CBBDE5
33.3%	33.3% #D2C6E8	RVB 210 198 232	#D2C6E8
50.0%	50.0% #D9CFEC	RVB 217 207 236	#D9CFEC
66.7%	66.7% #E0D7EF	RVB 224 215 239	#E0D7EF
83.3%	83.3% #E7E0F2	RVB 231 224 242	#E7E0F2
100.0%	100.0% #EEE9F6	RVB 238 233 246	#EEE9F6

#C5B5E2 #CBBDE5 #D2C6E8 #D9CFEC #E0D7EF #E7E0F2 #EEE9F6

#C5B5E2 - #EEE9F6

Mélange HSV

#C5B5E2 - #EEE9F6 | 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 #C5B5E2 0% et #EEE9F6 100%.

0.0%	0.0% #C5B5E2	RVB 197 181 226	#C5B5E2
16.7%	16.7% #CBBDE5	RVB 203 189 229	#CBBDE5
33.3%	33.3% #D2C5E8	RVB 210 197 232	#D2C5E8
50.0%	50.0% #D9CEEC	RVB 217 206 236	#D9CEEC
66.7%	66.7% #E0D7EF	RVB 224 215 239	#E0D7EF
83.3%	83.3% #E7DFF2	RVB 231 223 242	#E7DFF2
100.0%	100.0% #EEE9F6	RVB 238 233 246	#EEE9F6

#C5B5E2 #CBBDE5 #D2C5E8 #D9CEEC #E0D7EF #E7DFF2 #EEE9F6

#C5B5E2 - #D9CEEC - #EEE9F6

Codes CSS

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

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