#C9B5E3 - #EFE9F7 | 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 #C9B5E3 à #EFE9F7

#C9B5E3 #EFE9F7

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

#C9B5E3 - #EFE9F7 | 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 #C9B5E3 0% et #EFE9F7 100%.

0.0%	0.0% #C9B5E3	RVB 201 181 227	#C9B5E3
16.7%	16.7% #CFBDE6	RVB 207 189 230	#CFBDE6
33.3%	33.3% #D5C6E9	RVB 213 198 233	#D5C6E9
50.0%	50.0% #DCCFED	RVB 220 207 237	#DCCFED
66.7%	66.7% #E2D7F0	RVB 226 215 240	#E2D7F0
83.3%	83.3% #E8E0F3	RVB 232 224 243	#E8E0F3
100.0%	100.0% #EFE9F7	RVB 239 233 247	#EFE9F7

#C9B5E3 #CFBDE6 #D5C6E9 #DCCFED #E2D7F0 #E8E0F3 #EFE9F7

#C9B5E3 - #EFE9F7

Mélange HSV

#C9B5E3 - #EFE9F7 | 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 #C9B5E3 0% et #EFE9F7 100%.

0.0%	0.0% #C9B5E3	RVB 201 181 227	#C9B5E3
16.7%	16.7% #CFBDE6	RVB 207 189 230	#CFBDE6
33.3%	33.3% #D5C5E9	RVB 213 197 233	#D5C5E9
50.0%	50.0% #DBCEED	RVB 219 206 237	#DBCEED
66.7%	66.7% #E1D7F0	RVB 225 215 240	#E1D7F0
83.3%	83.3% #E8DFF3	RVB 232 223 243	#E8DFF3
100.0%	100.0% #EFE9F7	RVB 239 233 247	#EFE9F7

#C9B5E3 #CFBDE6 #D5C5E9 #DBCEED #E1D7F0 #E8DFF3 #EFE9F7

#C9B5E3 - #DBCEED - #EFE9F7

Codes CSS

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

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