#C4B5E5 - #EEE9F7 | 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 #C4B5E5 à #EEE9F7

#C4B5E5 #EEE9F7

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

#C4B5E5 - #EEE9F7 | 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 #C4B5E5 0% et #EEE9F7 100%.

0.0%	0.0% #C4B5E5	RVB 196 181 229	#C4B5E5
16.7%	16.7% #CBBDE8	RVB 203 189 232	#CBBDE8
33.3%	33.3% #D2C6EB	RVB 210 198 235	#D2C6EB
50.0%	50.0% #D9CFEE	RVB 217 207 238	#D9CFEE
66.7%	66.7% #E0D7F1	RVB 224 215 241	#E0D7F1
83.3%	83.3% #E7E0F4	RVB 231 224 244	#E7E0F4
100.0%	100.0% #EEE9F7	RVB 238 233 247	#EEE9F7

#C4B5E5 #CBBDE8 #D2C6EB #D9CFEE #E0D7F1 #E7E0F4 #EEE9F7

#C4B5E5 - #EEE9F7

Mélange HSV

#C4B5E5 - #EEE9F7 | 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 #C4B5E5 0% et #EEE9F7 100%.

0.0%	0.0% #C4B5E5	RVB 196 181 229	#C4B5E5
16.7%	16.7% #CABDE8	RVB 202 189 232	#CABDE8
33.3%	33.3% #D1C5EB	RVB 209 197 235	#D1C5EB
50.0%	50.0% #D8CEEE	RVB 216 206 238	#D8CEEE
66.7%	66.7% #DFD7F1	RVB 223 215 241	#DFD7F1
83.3%	83.3% #E6DFF4	RVB 230 223 244	#E6DFF4
100.0%	100.0% #EEE9F7	RVB 238 233 247	#EEE9F7

#C4B5E5 #CABDE8 #D1C5EB #D8CEEE #DFD7F1 #E6DFF4 #EEE9F7

#C4B5E5 - #D8CEEE - #EEE9F7

Codes CSS

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

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