#FFB2D8 - #EC5E94 | 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 #FFB2D8 à #EC5E94

#FFB2D8 #EC5E94

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

#FFB2D8 - #EC5E94 | 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 #FFB2D8 0% et #EC5E94 100%.

0.0%	0.0% #FFB2D8	RVB 255 178 216	#FFB2D8
16.7%	16.7% #FBA4CC	RVB 251 164 204	#FBA4CC
33.3%	33.3% #F896C1	RVB 248 150 193	#F896C1
50.0%	50.0% #F588B6	RVB 245 136 182	#F588B6
66.7%	66.7% #F27AAA	RVB 242 122 170	#F27AAA
83.3%	83.3% #EF6C9F	RVB 239 108 159	#EF6C9F
100.0%	100.0% #EC5E94	RVB 236 94 148	#EC5E94

#FFB2D8 #FBA4CC #F896C1 #F588B6 #F27AAA #EF6C9F #EC5E94

#FFB2D8 - #EC5E94

Mélange HSV

#FFB2D8 - #EC5E94 | 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 #FFB2D8 0% et #EC5E94 100%.

0.0%	0.0% #FFB2D8	RVB 255 178 216	#FFB2D8
16.7%	16.7% #FBA3CD	RVB 251 163 205	#FBA3CD
33.3%	33.3% #F894C2	RVB 248 148 194	#F894C2
50.0%	50.0% #F586B7	RVB 245 134 183	#F586B7
66.7%	66.7% #F278AB	RVB 242 120 171	#F278AB
83.3%	83.3% #EF6B9F	RVB 239 107 159	#EF6B9F
100.0%	100.0% #EC5E94	RVB 236 94 148	#EC5E94

#FFB2D8 #FBA3CD #F894C2 #F586B7 #F278AB #EF6B9F #EC5E94

#FFB2D8 - #F586B7 - #EC5E94

Codes CSS

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

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