#EB6BAF - #FDD4D0 | 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 #EB6BAF à #FDD4D0

#EB6BAF #FDD4D0

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

#EB6BAF - #FDD4D0 | 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 #EB6BAF 0% et #FDD4D0 100%.

0.0%	0.0% #EB6BAF	RVB 235 107 175	#EB6BAF
16.7%	16.7% #EE7CB4	RVB 238 124 180	#EE7CB4
33.3%	33.3% #F18EBA	RVB 241 142 186	#F18EBA
50.0%	50.0% #F49FBF	RVB 244 159 191	#F49FBF
66.7%	66.7% #F7B1C5	RVB 247 177 197	#F7B1C5
83.3%	83.3% #FAC2CA	RVB 250 194 202	#FAC2CA
100.0%	100.0% #FDD4D0	RVB 253 212 208	#FDD4D0

#EB6BAF #EE7CB4 #F18EBA #F49FBF #F7B1C5 #FAC2CA #FDD4D0

#EB6BAF - #FDD4D0

Mélange HSV

#EB6BAF - #FDD4D0 | 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 #EB6BAF 0% et #FDD4D0 100%.

0.0%	0.0% #EB6BAE	RVB 235 107 174	#EB6BAE
16.7%	16.7% #EE7AAC	RVB 238 122 172	#EE7AAC
33.3%	33.3% #F18BAC	RVB 241 139 172	#F18BAC
50.0%	50.0% #F49BAF	RVB 244 155 175	#F49BAF
66.7%	66.7% #F7ACB5	RVB 247 172 181	#F7ACB5
83.3%	83.3% #FABEBF	RVB 250 190 191	#FABEBF
100.0%	100.0% #FDD4D0	RVB 253 212 208	#FDD4D0

#EB6BAE #EE7AAC #F18BAC #F49BAF #F7ACB5 #FABEBF #FDD4D0

#EB6BAF - #F49BAF - #FDD4D0

Codes CSS

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

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