#B6AF3B - #FFDD5E | 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 #B6AF3B à #FFDD5E

#B6AF3B #FFDD5E

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

#B6AF3B - #FFDD5E | 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 #B6AF3B 0% et #FFDD5E 100%.

0.0%	0.0% #B6AF3B	RVB 182 175 59	#B6AF3B
16.7%	16.7% #C2B640	RVB 194 182 64	#C2B640
33.3%	33.3% #CEBE46	RVB 206 190 70	#CEBE46
50.0%	50.0% #DAC64C	RVB 218 198 76	#DAC64C
66.7%	66.7% #E6CD52	RVB 230 205 82	#E6CD52
83.3%	83.3% #F2D558	RVB 242 213 88	#F2D558
100.0%	100.0% #FFDD5E	RVB 255 221 94	#FFDD5E

#B6AF3B #C2B640 #CEBE46 #DAC64C #E6CD52 #F2D558 #FFDD5E

#B6AF3B - #FFDD5E

Mélange HSV

#B6AF3B - #FFDD5E | 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 #B6AF3B 0% et #FFDD5E 100%.

0.0%	0.0% #B6AF3B	RVB 182 175 59	#B6AF3B
16.7%	16.7% #C2B740	RVB 194 183 64	#C2B740
33.3%	33.3% #CEBF45	RVB 206 191 69	#CEBF45
50.0%	50.0% #DAC74B	RVB 218 199 75	#DAC74B
66.7%	66.7% #E6CE51	RVB 230 206 81	#E6CE51
83.3%	83.3% #F2D657	RVB 242 214 87	#F2D657
100.0%	100.0% #FFDD5E	RVB 255 221 94	#FFDD5E

#B6AF3B #C2B740 #CEBF45 #DAC74B #E6CE51 #F2D657 #FFDD5E

#B6AF3B - #DAC74B - #FFDD5E

Codes CSS

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

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