#DB5E6C - #FFB47E | 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 #DB5E6C à #FFB47E

#DB5E6C #FFB47E

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

#DB5E6C - #FFB47E | 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 #DB5E6C 0% et #FFB47E 100%.

0.0%	0.0% #DB5E6C	RVB 219 94 108	#DB5E6C
16.7%	16.7% #E16C6F	RVB 225 108 111	#E16C6F
33.3%	33.3% #E77A72	RVB 231 122 114	#E77A72
50.0%	50.0% #ED8975	RVB 237 137 117	#ED8975
66.7%	66.7% #F39778	RVB 243 151 120	#F39778
83.3%	83.3% #F9A57B	RVB 249 165 123	#F9A57B
100.0%	100.0% #FFB47E	RVB 255 180 126	#FFB47E

#DB5E6C #E16C6F #E77A72 #ED8975 #F39778 #F9A57B #FFB47E

#DB5E6C - #FFB47E

Mélange HSV

#DB5E6C - #FFB47E | 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 #DB5E6C 0% et #FFB47E 100%.

0.0%	0.0% #DB5E6C	RVB 219 94 108	#DB5E6C
16.7%	16.7% #E16365	RVB 225 99 101	#E16365
33.3%	33.3% #E77068	RVB 231 112 104	#E77068
50.0%	50.0% #ED806D	RVB 237 128 109	#ED806D
66.7%	66.7% #F39172	RVB 243 145 114	#F39172
83.3%	83.3% #F9A278	RVB 249 162 120	#F9A278
100.0%	100.0% #FFB47E	RVB 255 180 126	#FFB47E

#DB5E6C #E16365 #E77068 #ED806D #F39172 #F9A278 #FFB47E

#DB5E6C - #ED806D - #FFB47E

Codes CSS

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

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