#E4E5E2 - #B5CB98 | 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 #E4E5E2 à #B5CB98

#E4E5E2 #B5CB98

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

#E4E5E2 - #B5CB98 | 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 #E4E5E2 0% et #B5CB98 100%.

0.0%	0.0% #E4E5E2	RVB 228 229 226	#E4E5E2
16.7%	16.7% #DCE0D5	RVB 220 224 213	#DCE0D5
33.3%	33.3% #D4DCC9	RVB 212 220 201	#D4DCC9
50.0%	50.0% #CCD8BD	RVB 204 216 189	#CCD8BD
66.7%	66.7% #C4D3B0	RVB 196 211 176	#C4D3B0
83.3%	83.3% #BCCFA4	RVB 188 207 164	#BCCFA4
100.0%	100.0% #B5CB98	RVB 181 203 152	#B5CB98

#E4E5E2 #DCE0D5 #D4DCC9 #CCD8BD #C4D3B0 #BCCFA4 #B5CB98

#E4E5E2 - #B5CB98

Mélange HSV

#E4E5E2 - #B5CB98 | 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 #E4E5E2 0% et #B5CB98 100%.

0.0%	0.0% #E4E5E2	RVB 228 229 226	#E4E5E2
16.7%	16.7% #DCE0D4	RVB 220 224 212	#DCE0D4
33.3%	33.3% #D4DCC7	RVB 212 220 199	#D4DCC7
50.0%	50.0% #CDD8BB	RVB 205 216 187	#CDD8BB
66.7%	66.7% #C5D3AF	RVB 197 211 175	#C5D3AF
83.3%	83.3% #BDCFA3	RVB 189 207 163	#BDCFA3
100.0%	100.0% #B5CB98	RVB 181 203 152	#B5CB98

#E4E5E2 #DCE0D4 #D4DCC7 #CDD8BB #C5D3AF #BDCFA3 #B5CB98

#E4E5E2 - #CDD8BB - #B5CB98

Codes CSS

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

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