#F0B5E4 - #FAE9F7 | 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 #F0B5E4 à #FAE9F7

#F0B5E4 #FAE9F7

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

#F0B5E4 - #FAE9F7 | 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 #F0B5E4 0% et #FAE9F7 100%.

0.0%	0.0% #F0B5E4	RVB 240 181 228	#F0B5E4
16.7%	16.7% #F1BDE7	RVB 241 189 231	#F1BDE7
33.3%	33.3% #F3C6EA	RVB 243 198 234	#F3C6EA
50.0%	50.0% #F5CFED	RVB 245 207 237	#F5CFED
66.7%	66.7% #F6D7F0	RVB 246 215 240	#F6D7F0
83.3%	83.3% #F8E0F3	RVB 248 224 243	#F8E0F3
100.0%	100.0% #FAE9F7	RVB 250 233 247	#FAE9F7

#F0B5E4 #F1BDE7 #F3C6EA #F5CFED #F6D7F0 #F8E0F3 #FAE9F7

#F0B5E4 - #FAE9F7

Mélange HSV

#F0B5E4 - #FAE9F7 | 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 #F0B5E4 0% et #FAE9F7 100%.

0.0%	0.0% #F0B5E4	RVB 240 181 228	#F0B5E4
16.7%	16.7% #F1BDE7	RVB 241 189 231	#F1BDE7
33.3%	33.3% #F3C5EA	RVB 243 197 234	#F3C5EA
50.0%	50.0% #F5CEED	RVB 245 206 237	#F5CEED
66.7%	66.7% #F6D7F0	RVB 246 215 240	#F6D7F0
83.3%	83.3% #F8E0F3	RVB 248 224 243	#F8E0F3
100.0%	100.0% #FAE9F7	RVB 250 233 247	#FAE9F7

#F0B5E4 #F1BDE7 #F3C5EA #F5CEED #F6D7F0 #F8E0F3 #FAE9F7

#F0B5E4 - #F5CEED - #FAE9F7

Codes CSS

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

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