#E5E6B7 - #B0BA61 | 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 #E5E6B7 à #B0BA61

#E5E6B7 #B0BA61

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

#E5E6B7 - #B0BA61 | 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 #E5E6B7 0% et #B0BA61 100%.

0.0%	0.0% #E5E6B7	RVB 229 230 183	#E5E6B7
16.7%	16.7% #DCDEA8	RVB 220 222 168	#DCDEA8
33.3%	33.3% #D3D79A	RVB 211 215 154	#D3D79A
50.0%	50.0% #CAD08C	RVB 202 208 140	#CAD08C
66.7%	66.7% #C1C87D	RVB 193 200 125	#C1C87D
83.3%	83.3% #B8C16F	RVB 184 193 111	#B8C16F
100.0%	100.0% #B0BA61	RVB 176 186 97	#B0BA61

#E5E6B7 #DCDEA8 #D3D79A #CAD08C #C1C87D #B8C16F #B0BA61

#E5E6B7 - #B0BA61

Mélange HSV

#E5E6B7 - #B0BA61 | 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 #E5E6B7 0% et #B0BA61 100%.

0.0%	0.0% #E5E6B7	RVB 229 230 183	#E5E6B7
16.7%	16.7% #DCDEA6	RVB 220 222 166	#DCDEA6
33.3%	33.3% #D4D797	RVB 212 215 151	#D4D797
50.0%	50.0% #CBD088	RVB 203 208 136	#CBD088
66.7%	66.7% #C2C87A	RVB 194 200 122	#C2C87A
83.3%	83.3% #B9C16D	RVB 185 193 109	#B9C16D
100.0%	100.0% #B0BA61	RVB 176 186 97	#B0BA61

#E5E6B7 #DCDEA6 #D4D797 #CBD088 #C2C87A #B9C16D #B0BA61

#E5E6B7 - #CBD088 - #B0BA61

Codes CSS

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

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