#C16B5E - #FDBA7C | 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 #C16B5E à #FDBA7C

#C16B5E #FDBA7C

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

#C16B5E - #FDBA7C | 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 #C16B5E 0% et #FDBA7C 100%.

0.0%	0.0% #C16B5E	RVB 193 107 94	#C16B5E
16.7%	16.7% #CB7863	RVB 203 120 99	#CB7863
33.3%	33.3% #D58568	RVB 213 133 104	#D58568
50.0%	50.0% #DF926D	RVB 223 146 109	#DF926D
66.7%	66.7% #E99F72	RVB 233 159 114	#E99F72
83.3%	83.3% #F3AC77	RVB 243 172 119	#F3AC77
100.0%	100.0% #FDBA7C	RVB 253 186 124	#FDBA7C

#C16B5E #CB7863 #D58568 #DF926D #E99F72 #F3AC77 #FDBA7C

#C16B5E - #FDBA7C

Mélange HSV

#C16B5E - #FDBA7C | 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 #C16B5E 0% et #FDBA7C 100%.

0.0%	0.0% #C16B5E	RVB 193 107 94	#C16B5E
16.7%	16.7% #CB7662	RVB 203 118 98	#CB7662
33.3%	33.3% #D58267	RVB 213 130 103	#D58267
50.0%	50.0% #DF8F6C	RVB 223 143 108	#DF8F6C
66.7%	66.7% #E99D71	RVB 233 157 113	#E99D71
83.3%	83.3% #F3AB76	RVB 243 171 118	#F3AB76
100.0%	100.0% #FDBA7C	RVB 253 186 124	#FDBA7C

#C16B5E #CB7662 #D58267 #DF8F6C #E99D71 #F3AB76 #FDBA7C

#C16B5E - #DF8F6C - #FDBA7C

Codes CSS

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

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