#DD4D5E - #FFA56C | 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 #DD4D5E à #FFA56C

#DD4D5E #FFA56C

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

#DD4D5E - #FFA56C | 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 #DD4D5E 0% et #FFA56C 100%.

0.0%	0.0% #DD4D5E	RVB 221 77 94	#DD4D5E
16.7%	16.7% #E25B60	RVB 226 91 96	#E25B60
33.3%	33.3% #E86A62	RVB 232 106 98	#E86A62
50.0%	50.0% #EE7965	RVB 238 121 101	#EE7965
66.7%	66.7% #F38767	RVB 243 135 103	#F38767
83.3%	83.3% #F99669	RVB 249 150 105	#F99669
100.0%	100.0% #FFA56C	RVB 255 165 108	#FFA56C

#DD4D5E #E25B60 #E86A62 #EE7965 #F38767 #F99669 #FFA56C

#DD4D5E - #FFA56C

Mélange HSV

#DD4D5E - #FFA56C | 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 #DD4D5E 0% et #FFA56C 100%.

0.0%	0.0% #DD4D5D	RVB 221 77 93	#DD4D5D
16.7%	16.7% #E25156	RVB 226 81 86	#E25156
33.3%	33.3% #E85E56	RVB 232 94 86	#E85E56
50.0%	50.0% #EE6F5B	RVB 238 111 91	#EE6F5B
66.7%	66.7% #F38161	RVB 243 129 97	#F38161
83.3%	83.3% #F99366	RVB 249 147 102	#F99366
100.0%	100.0% #FFA56C	RVB 255 165 108	#FFA56C

#DD4D5D #E25156 #E85E56 #EE6F5B #F38161 #F99366 #FFA56C

#DD4D5E - #EE6F5B - #FFA56C

Codes CSS

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

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