#B2FFB2 - #FFEFBB | 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 #B2FFB2 à #FFEFBB

#B2FFB2 #FFEFBB

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

#B2FFB2 - #FFEFBB | 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 #B2FFB2 0% et #FFEFBB 100%.

0.0%	0.0% #B2FFB2	RVB 178 255 178	#B2FFB2
16.7%	16.7% #BEFCB3	RVB 190 252 179	#BEFCB3
33.3%	33.3% #CBF9B5	RVB 203 249 181	#CBF9B5
50.0%	50.0% #D8F7B6	RVB 216 247 182	#D8F7B6
66.7%	66.7% #E5F4B8	RVB 229 244 184	#E5F4B8
83.3%	83.3% #F2F1B9	RVB 242 241 185	#F2F1B9
100.0%	100.0% #FFEFBB	RVB 255 239 187	#FFEFBB

#B2FFB2 #BEFCB3 #CBF9B5 #D8F7B6 #E5F4B8 #F2F1B9 #FFEFBB

#B2FFB2 - #FFEFBB

Mélange HSV

#B2FFB2 - #FFEFBB | 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 #B2FFB2 0% et #FFEFBB 100%.

0.0%	0.0% #B2FFB2	RVB 178 255 178	#B2FFB2
16.7%	16.7% #C3FFB3	RVB 195 255 179	#C3FFB3
33.3%	33.3% #D3FFB5	RVB 211 255 181	#D3FFB5
50.0%	50.0% #E3FFB6	RVB 227 255 182	#E3FFB6
66.7%	66.7% #F2FFB8	RVB 242 255 184	#F2FFB8
83.3%	83.3% #FFFCB9	RVB 255 252 185	#FFFCB9
100.0%	100.0% #FFEFBB	RVB 255 239 187	#FFEFBB

#B2FFB2 #C3FFB3 #D3FFB5 #E3FFB6 #F2FFB8 #FFFCB9 #FFEFBB

#B2FFB2 - #E3FFB6 - #FFEFBB

Codes CSS

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

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