#FFC3E1 - #EB6F9F | 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 #FFC3E1 à #EB6F9F

#FFC3E1 #EB6F9F

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

#FFC3E1 - #EB6F9F | 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 #FFC3E1 0% et #EB6F9F 100%.

0.0%	0.0% #FFC3E1	RVB 255 195 225	#FFC3E1
16.7%	16.7% #FBB5D6	RVB 251 181 214	#FBB5D6
33.3%	33.3% #F8A7CB	RVB 248 167 203	#F8A7CB
50.0%	50.0% #F599C0	RVB 245 153 192	#F599C0
66.7%	66.7% #F18BB5	RVB 241 139 181	#F18BB5
83.3%	83.3% #EE7DAA	RVB 238 125 170	#EE7DAA
100.0%	100.0% #EB6F9F	RVB 235 111 159	#EB6F9F

#FFC3E1 #FBB5D6 #F8A7CB #F599C0 #F18BB5 #EE7DAA #EB6F9F

#FFC3E1 - #EB6F9F

Mélange HSV

#FFC3E1 - #EB6F9F | 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 #FFC3E1 0% et #EB6F9F 100%.

0.0%	0.0% #FFC3E1	RVB 255 195 225	#FFC3E1
16.7%	16.7% #FBB4D6	RVB 251 180 214	#FBB4D6
33.3%	33.3% #F8A5CB	RVB 248 165 203	#F8A5CB
50.0%	50.0% #F597C0	RVB 245 151 192	#F597C0
66.7%	66.7% #F189B5	RVB 241 137 181	#F189B5
83.3%	83.3% #EE7CAA	RVB 238 124 170	#EE7CAA
100.0%	100.0% #EB6F9F	RVB 235 111 159	#EB6F9F

#FFC3E1 #FBB4D6 #F8A5CB #F597C0 #F189B5 #EE7CAA #EB6F9F

#FFC3E1 - #F597C0 - #EB6F9F

Codes CSS

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

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