#D85E5E - #FFB67B | 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 #D85E5E à #FFB67B

#D85E5E #FFB67B

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

#D85E5E - #FFB67B | 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 #D85E5E 0% et #FFB67B 100%.

0.0%	0.0% #D85E5E	RVB 216 94 94	#D85E5E
16.7%	16.7% #DE6C62	RVB 222 108 98	#DE6C62
33.3%	33.3% #E57B67	RVB 229 123 103	#E57B67
50.0%	50.0% #EB8A6C	RVB 235 138 108	#EB8A6C
66.7%	66.7% #F29871	RVB 242 152 113	#F29871
83.3%	83.3% #F8A776	RVB 248 167 118	#F8A776
100.0%	100.0% #FFB67B	RVB 255 182 123	#FFB67B

#D85E5E #DE6C62 #E57B67 #EB8A6C #F29871 #F8A776 #FFB67B

#D85E5E - #FFB67B

Mélange HSV

#D85E5E - #FFB67B | 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 #D85E5E 0% et #FFB67B 100%.

0.0%	0.0% #D85D5D	RVB 216 93 93	#D85D5D
16.7%	16.7% #DE6B62	RVB 222 107 98	#DE6B62
33.3%	33.3% #E57967	RVB 229 121 103	#E57967
50.0%	50.0% #EB886C	RVB 235 136 108	#EB886C
66.7%	66.7% #F29770	RVB 242 151 112	#F29770
83.3%	83.3% #F8A675	RVB 248 166 117	#F8A675
100.0%	100.0% #FFB67B	RVB 255 182 123	#FFB67B

#D85D5D #DE6B62 #E57967 #EB886C #F29770 #F8A675 #FFB67B

#D85E5E - #EB886C - #FFB67B

Codes CSS

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

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