#BE3A00 - #ECC7B6 | 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 #BE3A00 à #ECC7B6

#BE3A00 #ECC7B6

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

#BE3A00 - #ECC7B6 | 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 #BE3A00 0% et #ECC7B6 100%.

0.0%	0.0% #BE3A00	RVB 190 58 0	#BE3A00
16.7%	16.7% #C5511E	RVB 197 81 30	#C5511E
33.3%	33.3% #CD693C	RVB 205 105 60	#CD693C
50.0%	50.0% #D5805B	RVB 213 128 91	#D5805B
66.7%	66.7% #DC9879	RVB 220 152 121	#DC9879
83.3%	83.3% #E4AF97	RVB 228 175 151	#E4AF97
100.0%	100.0% #ECC7B6	RVB 236 199 182	#ECC7B6

#BE3A00 #C5511E #CD693C #D5805B #DC9879 #E4AF97 #ECC7B6

#BE3A00 - #ECC7B6

Mélange HSV

#BE3A00 - #ECC7B6 | 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 #BE3A00 0% et #ECC7B6 100%.

0.0%	0.0% #BE3A00	RVB 190 58 0	#BE3A00
16.7%	16.7% #C54E19	RVB 197 78 25	#C54E19
33.3%	33.3% #CD6334	RVB 205 99 52	#CD6334
50.0%	50.0% #D57A52	RVB 213 122 82	#D57A52
66.7%	66.7% #DC9271	RVB 220 146 113	#DC9271
83.3%	83.3% #E4AC92	RVB 228 172 146	#E4AC92
100.0%	100.0% #ECC7B6	RVB 236 199 182	#ECC7B6

#BE3A00 #C54E19 #CD6334 #D57A52 #DC9271 #E4AC92 #ECC7B6

#BE3A00 - #D57A52 - #ECC7B6

Codes CSS

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

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