#B5E9A1 - #FFF0B5 | 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 #B5E9A1 à #FFF0B5

#B5E9A1 #FFF0B5

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

#B5E9A1 - #FFF0B5 | 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 #B5E9A1 0% et #FFF0B5 100%.

0.0%	0.0% #B5E9A1	RVB 181 233 161	#B5E9A1
16.7%	16.7% #C1EAA4	RVB 193 234 164	#C1EAA4
33.3%	33.3% #CDEBA7	RVB 205 235 167	#CDEBA7
50.0%	50.0% #DAECAB	RVB 218 236 171	#DAECAB
66.7%	66.7% #E6EDAE	RVB 230 237 174	#E6EDAE
83.3%	83.3% #F2EEB1	RVB 242 238 177	#F2EEB1
100.0%	100.0% #FFF0B5	RVB 255 240 181	#FFF0B5

#B5E9A1 #C1EAA4 #CDEBA7 #DAECAB #E6EDAE #F2EEB1 #FFF0B5

#B5E9A1 - #FFF0B5

Mélange HSV

#B5E9A1 - #FFF0B5 | 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 #B5E9A1 0% et #FFF0B5 100%.

0.0%	0.0% #B5E9A1	RVB 181 233 161	#B5E9A1
16.7%	16.7% #C3ECA4	RVB 195 236 164	#C3ECA4
33.3%	33.3% #D2F0A7	RVB 210 240 167	#D2F0A7
50.0%	50.0% #E1F4AA	RVB 225 244 170	#E1F4AA
66.7%	66.7% #EFF7AE	RVB 239 247 174	#EFF7AE
83.3%	83.3% #FBF7B1	RVB 251 247 177	#FBF7B1
100.0%	100.0% #FFF0B5	RVB 255 240 181	#FFF0B5

#B5E9A1 #C3ECA4 #D2F0A7 #E1F4AA #EFF7AE #FBF7B1 #FFF0B5

#B5E9A1 - #E1F4AA - #FFF0B5

Codes CSS

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

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