#B5EAA5 - #FFEFB7 | 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 #B5EAA5 à #FFEFB7

#B5EAA5 #FFEFB7

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

#B5EAA5 - #FFEFB7 | 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 #B5EAA5 0% et #FFEFB7 100%.

0.0%	0.0% #B5EAA5	RVB 181 234 165	#B5EAA5
16.7%	16.7% #C1EAA8	RVB 193 234 168	#C1EAA8
33.3%	33.3% #CDEBAB	RVB 205 235 171	#CDEBAB
50.0%	50.0% #DAECAE	RVB 218 236 174	#DAECAE
66.7%	66.7% #E6EDB1	RVB 230 237 177	#E6EDB1
83.3%	83.3% #F2EEB4	RVB 242 238 180	#F2EEB4
100.0%	100.0% #FFEFB7	RVB 255 239 183	#FFEFB7

#B5EAA5 #C1EAA8 #CDEBAB #DAECAE #E6EDB1 #F2EEB4 #FFEFB7

#B5EAA5 - #FFEFB7

Mélange HSV

#B5EAA5 - #FFEFB7 | 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 #B5EAA5 0% et #FFEFB7 100%.

0.0%	0.0% #B5EAA5	RVB 181 234 165	#B5EAA5
16.7%	16.7% #C3EDA7	RVB 195 237 167	#C3EDA7
33.3%	33.3% #D2F1AA	RVB 210 241 170	#D2F1AA
50.0%	50.0% #E1F4AD	RVB 225 244 173	#E1F4AD
66.7%	66.7% #F0F8B0	RVB 240 248 176	#F0F8B0
83.3%	83.3% #FBF7B3	RVB 251 247 179	#FBF7B3
100.0%	100.0% #FFEFB7	RVB 255 239 183	#FFEFB7

#B5EAA5 #C3EDA7 #D2F1AA #E1F4AD #F0F8B0 #FBF7B3 #FFEFB7

#B5EAA5 - #E1F4AD - #FFEFB7

Codes CSS

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

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