#C7B5E4 - #FFDADE | 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 #C7B5E4 à #FFDADE

#C7B5E4 #FFDADE

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

#C7B5E4 - #FFDADE | 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 #C7B5E4 0% et #FFDADE 100%.

0.0%	0.0% #C7B5E4	RVB 199 181 228	#C7B5E4
16.7%	16.7% #D0BBE3	RVB 208 187 227	#D0BBE3
33.3%	33.3% #D9C1E2	RVB 217 193 226	#D9C1E2
50.0%	50.0% #E3C7E1	RVB 227 199 225	#E3C7E1
66.7%	66.7% #ECCDE0	RVB 236 205 224	#ECCDE0
83.3%	83.3% #F5D3DF	RVB 245 211 223	#F5D3DF
100.0%	100.0% #FFDADE	RVB 255 218 222	#FFDADE

#C7B5E4 #D0BBE3 #D9C1E2 #E3C7E1 #ECCDE0 #F5D3DF #FFDADE

#C7B5E4 - #FFDADE

Mélange HSV

#C7B5E4 - #FFDADE | 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 #C7B5E4 0% et #FFDADE 100%.

0.0%	0.0% #C7B5E4	RVB 199 181 228	#C7B5E4
16.7%	16.7% #D7BAE8	RVB 215 186 232	#D7BAE8
33.3%	33.3% #E7C0ED	RVB 231 192 237	#E7C0ED
50.0%	50.0% #F1C7EB	RVB 241 199 235	#F1C7EB
66.7%	66.7% #F6CDE6	RVB 246 205 230	#F6CDE6
83.3%	83.3% #FAD3E1	RVB 250 211 225	#FAD3E1
100.0%	100.0% #FFDADE	RVB 255 218 222	#FFDADE

#C7B5E4 #D7BAE8 #E7C0ED #F1C7EB #F6CDE6 #FAD3E1 #FFDADE

#C7B5E4 - #F1C7EB - #FFDADE

Codes CSS

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

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