#DF8A8C - #FFD5A2 | 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 #DF8A8C à #FFD5A2

#DF8A8C #FFD5A2

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

#DF8A8C - #FFD5A2 | 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 #DF8A8C 0% et #FFD5A2 100%.

0.0%	0.0% #DF8A8C	RVB 223 138 140	#DF8A8C
16.7%	16.7% #E4968F	RVB 228 150 143	#E4968F
33.3%	33.3% #E9A393	RVB 233 163 147	#E9A393
50.0%	50.0% #EFAF97	RVB 239 175 151	#EFAF97
66.7%	66.7% #F4BC9A	RVB 244 188 154	#F4BC9A
83.3%	83.3% #F9C89E	RVB 249 200 158	#F9C89E
100.0%	100.0% #FFD5A2	RVB 255 213 162	#FFD5A2

#DF8A8C #E4968F #E9A393 #EFAF97 #F4BC9A #F9C89E #FFD5A2

#DF8A8C - #FFD5A2

Mélange HSV

#DF8A8C - #FFD5A2 | 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 #DF8A8C 0% et #FFD5A2 100%.

0.0%	0.0% #DF8A8C	RVB 223 138 140	#DF8A8C
16.7%	16.7% #E4948D	RVB 228 148 141	#E4948D
33.3%	33.3% #E9A091	RVB 233 160 145	#E9A091
50.0%	50.0% #EFAD95	RVB 239 173 149	#EFAD95
66.7%	66.7% #F4BA99	RVB 244 186 153	#F4BA99
83.3%	83.3% #F9C79D	RVB 249 199 157	#F9C79D
100.0%	100.0% #FFD5A2	RVB 255 213 162	#FFD5A2

#DF8A8C #E4948D #E9A091 #EFAD95 #F4BA99 #F9C79D #FFD5A2

#DF8A8C - #EFAD95 - #FFD5A2

Codes CSS

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

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