#CE9F90 - #B0553C | 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 #CE9F90 à #B0553C

#CE9F90 #B0553C

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

#CE9F90 - #B0553C | 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 #CE9F90 0% et #B0553C 100%.

0.0%	0.0% #CE9F90	RVB 206 159 144	#CE9F90
16.7%	16.7% #C99282	RVB 201 146 130	#C99282
33.3%	33.3% #C48674	RVB 196 134 116	#C48674
50.0%	50.0% #BF7A66	RVB 191 122 102	#BF7A66
66.7%	66.7% #BA6D58	RVB 186 109 88	#BA6D58
83.3%	83.3% #B5614A	RVB 181 97 74	#B5614A
100.0%	100.0% #B0553C	RVB 176 85 60	#B0553C

#CE9F90 #C99282 #C48674 #BF7A66 #BA6D58 #B5614A #B0553C

#CE9F90 - #B0553C

Mélange HSV

#CE9F90 - #B0553C | 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 #CE9F90 0% et #B0553C 100%.

0.0%	0.0% #CE9F90	RVB 206 159 144	#CE9F90
16.7%	16.7% #C99180	RVB 201 145 128	#C99180
33.3%	33.3% #C48471	RVB 196 132 113	#C48471
50.0%	50.0% #BF7863	RVB 191 120 99	#BF7863
66.7%	66.7% #BA6C55	RVB 186 108 85	#BA6C55
83.3%	83.3% #B56048	RVB 181 96 72	#B56048
100.0%	100.0% #B0553C	RVB 176 85 60	#B0553C

#CE9F90 #C99180 #C48471 #BF7863 #BA6C55 #B56048 #B0553C

#CE9F90 - #BF7863 - #B0553C

Codes CSS

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

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