#FF80C7 - #ECC7DF | 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 #FF80C7 à #ECC7DF

#FF80C7 #ECC7DF

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

#FF80C7 - #ECC7DF | 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 #FF80C7 0% et #ECC7DF 100%.

0.0%	0.0% #FF80C7	RVB 255 128 199	#FF80C7
16.7%	16.7% #FB8BCB	RVB 251 139 203	#FB8BCB
33.3%	33.3% #F897CF	RVB 248 151 207	#F897CF
50.0%	50.0% #F5A3D3	RVB 245 163 211	#F5A3D3
66.7%	66.7% #F2AFD7	RVB 242 175 215	#F2AFD7
83.3%	83.3% #EFBBDB	RVB 239 187 219	#EFBBDB
100.0%	100.0% #ECC7DF	RVB 236 199 223	#ECC7DF

#FF80C7 #FB8BCB #F897CF #F5A3D3 #F2AFD7 #EFBBDB #ECC7DF

#FF80C7 - #ECC7DF

Mélange HSV

#FF80C7 - #ECC7DF | 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 #FF80C7 0% et #ECC7DF 100%.

0.0%	0.0% #FF80C7	RVB 255 128 199	#FF80C7
16.7%	16.7% #FB8CCC	RVB 251 140 204	#FB8CCC
33.3%	33.3% #F899D1	RVB 248 153 209	#F899D1
50.0%	50.0% #F5A5D5	RVB 245 165 213	#F5A5D5
66.7%	66.7% #F2B0D9	RVB 242 176 217	#F2B0D9
83.3%	83.3% #EFBCDC	RVB 239 188 220	#EFBCDC
100.0%	100.0% #ECC7DF	RVB 236 199 223	#ECC7DF

#FF80C7 #FB8CCC #F899D1 #F5A5D5 #F2B0D9 #EFBCDC #ECC7DF

#FF80C7 - #F5A5D5 - #ECC7DF

Codes CSS

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

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