#DD3E8D - #FFA8AB | 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 #DD3E8D à #FFA8AB

#DD3E8D #FFA8AB

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

#DD3E8D - #FFA8AB | 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 #DD3E8D 0% et #FFA8AB 100%.

0.0%	0.0% #DD3E8D	RVB 221 62 141	#DD3E8D
16.7%	16.7% #E24F92	RVB 226 79 146	#E24F92
33.3%	33.3% #E86197	RVB 232 97 151	#E86197
50.0%	50.0% #EE739C	RVB 238 115 156	#EE739C
66.7%	66.7% #F384A1	RVB 243 132 161	#F384A1
83.3%	83.3% #F996A6	RVB 249 150 166	#F996A6
100.0%	100.0% #FFA8AB	RVB 255 168 171	#FFA8AB

#DD3E8D #E24F92 #E86197 #EE739C #F384A1 #F996A6 #FFA8AB

#DD3E8D - #FFA8AB

Mélange HSV

#DD3E8D - #FFA8AB | 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 #DD3E8D 0% et #FFA8AB 100%.

0.0%	0.0% #DD3E8C	RVB 221 62 140	#DD3E8C
16.7%	16.7% #E24D8C	RVB 226 77 140	#E24D8C
33.3%	33.3% #E85E8D	RVB 232 94 141	#E85E8D
50.0%	50.0% #EE6F91	RVB 238 111 145	#EE6F91
66.7%	66.7% #F38197	RVB 243 129 151	#F38197
83.3%	83.3% #F9949F	RVB 249 148 159	#F9949F
100.0%	100.0% #FFA8AB	RVB 255 168 171	#FFA8AB

#DD3E8C #E24D8C #E85E8D #EE6F91 #F38197 #F9949F #FFA8AB

#DD3E8D - #EE6F91 - #FFA8AB

Codes CSS

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

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