#B5E4A2 - #FFEFB5 | 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 #B5E4A2 à #FFEFB5

#B5E4A2 #FFEFB5

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

#B5E4A2 - #FFEFB5 | 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 #B5E4A2 0% et #FFEFB5 100%.

0.0%	0.0% #B5E4A2	RVB 181 228 162	#B5E4A2
16.7%	16.7% #C1E5A5	RVB 193 229 165	#C1E5A5
33.3%	33.3% #CDE7A8	RVB 205 231 168	#CDE7A8
50.0%	50.0% #DAE9AB	RVB 218 233 171	#DAE9AB
66.7%	66.7% #E6EBAE	RVB 230 235 174	#E6EBAE
83.3%	83.3% #F2EDB1	RVB 242 237 177	#F2EDB1
100.0%	100.0% #FFEFB5	RVB 255 239 181	#FFEFB5

#B5E4A2 #C1E5A5 #CDE7A8 #DAE9AB #E6EBAE #F2EDB1 #FFEFB5

#B5E4A2 - #FFEFB5

Mélange HSV

#B5E4A2 - #FFEFB5 | 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 #B5E4A2 0% et #FFEFB5 100%.

0.0%	0.0% #B5E4A2	RVB 181 228 162	#B5E4A2
16.7%	16.7% #C2E8A5	RVB 194 232 165	#C2E8A5
33.3%	33.3% #D1EDA8	RVB 209 237 168	#D1EDA8
50.0%	50.0% #E0F1AB	RVB 224 241 171	#E0F1AB
66.7%	66.7% #EFF6AE	RVB 239 246 174	#EFF6AE
83.3%	83.3% #FAF6B1	RVB 250 246 177	#FAF6B1
100.0%	100.0% #FFEFB5	RVB 255 239 181	#FFEFB5

#B5E4A2 #C2E8A5 #D1EDA8 #E0F1AB #EFF6AE #FAF6B1 #FFEFB5

#B5E4A2 - #E0F1AB - #FFEFB5

Codes CSS

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

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