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

#C5B5E2 #FFE8DA

Calculez la couleur entre deux couleurs, #C5B5E2 et #FFE8DA. 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 - #FFE8DA | 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 #FFE8DA 100%.

0.0%	0.0% #C5B5E2	RVB 197 181 226	#C5B5E2
16.7%	16.7% #CEBDE0	RVB 206 189 224	#CEBDE0
33.3%	33.3% #D8C6DF	RVB 216 198 223	#D8C6DF
50.0%	50.0% #E2CEDE	RVB 226 206 222	#E2CEDE
66.7%	66.7% #EBD7DC	RVB 235 215 220	#EBD7DC
83.3%	83.3% #F5DFDB	RVB 245 223 219	#F5DFDB
100.0%	100.0% #FFE8DA	RVB 255 232 218	#FFE8DA

#C5B5E2 #CEBDE0 #D8C6DF #E2CEDE #EBD7DC #F5DFDB #FFE8DA

#C5B5E2 - #FFE8DA

Mélange HSV

#C5B5E2 - #FFE8DA | 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 #FFE8DA 100%.

0.0%	0.0% #C5B5E2	RVB 197 181 226	#C5B5E2
16.7%	16.7% #D9BAE6	RVB 217 186 230	#D9BAE6
33.3%	33.3% #EBC0EA	RVB 235 192 234	#EBC0EA
50.0%	50.0% #F0C7E1	RVB 240 199 225	#F0C7E1
66.7%	66.7% #F5CDD9	RVB 245 205 217	#F5CDD9
83.3%	83.3% #FAD5D3	RVB 250 213 211	#FAD5D3
100.0%	100.0% #FFE8DA	RVB 255 232 218	#FFE8DA

#C5B5E2 #D9BAE6 #EBC0EA #F0C7E1 #F5CDD9 #FAD5D3 #FFE8DA

#C5B5E2 - #F0C7E1 - #FFE8DA

Codes CSS

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

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