#DA3C9F - #FFABC3 | 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 #DA3C9F à #FFABC3

#DA3C9F #FFABC3

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

#DA3C9F - #FFABC3 | 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 #DA3C9F 0% et #FFABC3 100%.

0.0%	0.0% #DA3C9F	RVB 218 60 159	#DA3C9F
16.7%	16.7% #E04EA5	RVB 224 78 165	#E04EA5
33.3%	33.3% #E661AB	RVB 230 97 171	#E661AB
50.0%	50.0% #EC73B1	RVB 236 115 177	#EC73B1
66.7%	66.7% #F286B7	RVB 242 134 183	#F286B7
83.3%	83.3% #F898BD	RVB 248 152 189	#F898BD
100.0%	100.0% #FFABC3	RVB 255 171 195	#FFABC3

#DA3C9F #E04EA5 #E661AB #EC73B1 #F286B7 #F898BD #FFABC3

#DA3C9F - #FFABC3

Mélange HSV

#DA3C9F - #FFABC3 | 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 #DA3C9F 0% et #FFABC3 100%.

0.0%	0.0% #DA3C9F	RVB 218 60 159	#DA3C9F
16.7%	16.7% #E04CA0	RVB 224 76 160	#E04CA0
33.3%	33.3% #E65DA3	RVB 230 93 163	#E65DA3
50.0%	50.0% #EC6FA8	RVB 236 111 168	#EC6FA8
66.7%	66.7% #F282AF	RVB 242 130 175	#F282AF
83.3%	83.3% #F896B8	RVB 248 150 184	#F896B8
100.0%	100.0% #FFABC3	RVB 255 171 195	#FFABC3

#DA3C9F #E04CA0 #E65DA3 #EC6FA8 #F282AF #F896B8 #FFABC3

#DA3C9F - #EC6FA8 - #FFABC3

Codes CSS

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

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