#CBB5E9 - #FFE2DF | 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 #CBB5E9 à #FFE2DF

#CBB5E9 #FFE2DF

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

#CBB5E9 - #FFE2DF | 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 #CBB5E9 0% et #FFE2DF 100%.

0.0%	0.0% #CBB5E9	RVB 203 181 233	#CBB5E9
16.7%	16.7% #D3BCE7	RVB 211 188 231	#D3BCE7
33.3%	33.3% #DCC4E5	RVB 220 196 229	#DCC4E5
50.0%	50.0% #E5CBE4	RVB 229 203 228	#E5CBE4
66.7%	66.7% #EDD3E2	RVB 237 211 226	#EDD3E2
83.3%	83.3% #F6DAE0	RVB 246 218 224	#F6DAE0
100.0%	100.0% #FFE2DF	RVB 255 226 223	#FFE2DF

#CBB5E9 #D3BCE7 #DCC4E5 #E5CBE4 #EDD3E2 #F6DAE0 #FFE2DF

#CBB5E9 - #FFE2DF

Mélange HSV

#CBB5E9 - #FFE2DF | 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 #CBB5E9 0% et #FFE2DF 100%.

0.0%	0.0% #CBB5E9	RVB 203 181 233	#CBB5E9
16.7%	16.7% #DEBBEC	RVB 222 187 236	#DEBBEC
33.3%	33.3% #EFC2F0	RVB 239 194 240	#EFC2F0
50.0%	50.0% #F4C9E9	RVB 244 201 233	#F4C9E9
66.7%	66.7% #F7D0E2	RVB 247 208 226	#F7D0E2
83.3%	83.3% #FBD7DE	RVB 251 215 222	#FBD7DE
100.0%	100.0% #FFE2DF	RVB 255 226 223	#FFE2DF

#CBB5E9 #DEBBEC #EFC2F0 #F4C9E9 #F7D0E2 #FBD7DE #FFE2DF

#CBB5E9 - #F4C9E9 - #FFE2DF

Codes CSS

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

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