#F8ABC6 - #CD467A | 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 #F8ABC6 à #CD467A

#F8ABC6 #CD467A

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

#F8ABC6 - #CD467A | 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 #F8ABC6 0% et #CD467A 100%.

0.0%	0.0% #F8ABC6	RVB 248 171 198	#F8ABC6
16.7%	16.7% #F09AB9	RVB 240 154 185	#F09AB9
33.3%	33.3% #E989AC	RVB 233 137 172	#E989AC
50.0%	50.0% #E278A0	RVB 226 120 160	#E278A0
66.7%	66.7% #DB6793	RVB 219 103 147	#DB6793
83.3%	83.3% #D45686	RVB 212 86 134	#D45686
100.0%	100.0% #CD467A	RVB 205 70 122	#CD467A

#F8ABC6 #F09AB9 #E989AC #E278A0 #DB6793 #D45686 #CD467A

#F8ABC6 - #CD467A

Mélange HSV

#F8ABC6 - #CD467A | 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 #F8ABC6 0% et #CD467A 100%.

0.0%	0.0% #F8ABC6	RVB 248 171 198	#F8ABC6
16.7%	16.7% #F098B7	RVB 240 152 183	#F098B7
33.3%	33.3% #E986AA	RVB 233 134 170	#E986AA
50.0%	50.0% #E2749D	RVB 226 116 157	#E2749D
66.7%	66.7% #DB6490	RVB 219 100 144	#DB6490
83.3%	83.3% #D45485	RVB 212 84 133	#D45485
100.0%	100.0% #CD467A	RVB 205 70 122	#CD467A

#F8ABC6 #F098B7 #E986AA #E2749D #DB6490 #D45485 #CD467A

#F8ABC6 - #E2749D - #CD467A

Codes CSS

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

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