#DC8B5E - #B5461B | 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 #DC8B5E à #B5461B

#DC8B5E #B5461B

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

#DC8B5E - #B5461B | 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 #DC8B5E 0% et #B5461B 100%.

0.0%	0.0% #DC8B5E	RVB 220 139 94	#DC8B5E
16.7%	16.7% #D57F52	RVB 213 127 82	#D57F52
33.3%	33.3% #CF7447	RVB 207 116 71	#CF7447
50.0%	50.0% #C8683C	RVB 200 104 60	#C8683C
66.7%	66.7% #C25D31	RVB 194 93 49	#C25D31
83.3%	83.3% #BB5126	RVB 187 81 38	#BB5126
100.0%	100.0% #B5461B	RVB 181 70 27	#B5461B

#DC8B5E #D57F52 #CF7447 #C8683C #C25D31 #BB5126 #B5461B

#DC8B5E - #B5461B

Mélange HSV

#DC8B5E - #B5461B | 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 #DC8B5E 0% et #B5461B 100%.

0.0%	0.0% #DC8B5D	RVB 220 139 93	#DC8B5D
16.7%	16.7% #D57E51	RVB 213 126 81	#D57E51
33.3%	33.3% #CF7245	RVB 207 114 69	#CF7245
50.0%	50.0% #C86739	RVB 200 103 57	#C86739
66.7%	66.7% #C25B2E	RVB 194 91 46	#C25B2E
83.3%	83.3% #BB5024	RVB 187 80 36	#BB5024
100.0%	100.0% #B5461B	RVB 181 70 27	#B5461B

#DC8B5D #D57E51 #CF7245 #C86739 #C25B2E #BB5024 #B5461B

#DC8B5E - #C86739 - #B5461B

Codes CSS

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

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