#E5E6B5 - #B0BA5F | 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 #E5E6B5 à #B0BA5F

#E5E6B5 #B0BA5F

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

#E5E6B5 - #B0BA5F | 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 #E5E6B5 0% et #B0BA5F 100%.

0.0%	0.0% #E5E6B5	RVB 229 230 181	#E5E6B5
16.7%	16.7% #DCDEA6	RVB 220 222 166	#DCDEA6
33.3%	33.3% #D3D798	RVB 211 215 152	#D3D798
50.0%	50.0% #CAD08A	RVB 202 208 138	#CAD08A
66.7%	66.7% #C1C87B	RVB 193 200 123	#C1C87B
83.3%	83.3% #B8C16D	RVB 184 193 109	#B8C16D
100.0%	100.0% #B0BA5F	RVB 176 186 95	#B0BA5F

#E5E6B5 #DCDEA6 #D3D798 #CAD08A #C1C87B #B8C16D #B0BA5F

#E5E6B5 - #B0BA5F

Mélange HSV

#E5E6B5 - #B0BA5F | 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 #E5E6B5 0% et #B0BA5F 100%.

0.0%	0.0% #E5E6B5	RVB 229 230 181	#E5E6B5
16.7%	16.7% #DCDEA4	RVB 220 222 164	#DCDEA4
33.3%	33.3% #D4D795	RVB 212 215 149	#D4D795
50.0%	50.0% #CBD086	RVB 203 208 134	#CBD086
66.7%	66.7% #C2C878	RVB 194 200 120	#C2C878
83.3%	83.3% #B9C16B	RVB 185 193 107	#B9C16B
100.0%	100.0% #B0BA5F	RVB 176 186 95	#B0BA5F

#E5E6B5 #DCDEA4 #D4D795 #CBD086 #C2C878 #B9C16B #B0BA5F

#E5E6B5 - #CBD086 - #B0BA5F

Codes CSS

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

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