#B2DDA2 - #E8F5E4 | 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 #B2DDA2 à #E8F5E4

#B2DDA2 #E8F5E4

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

#B2DDA2 - #E8F5E4 | 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 #B2DDA2 0% et #E8F5E4 100%.

0.0%	0.0% #B2DDA2	RVB 178 221 162	#B2DDA2
16.7%	16.7% #BBE1AD	RVB 187 225 173	#BBE1AD
33.3%	33.3% #C4E5B8	RVB 196 229 184	#C4E5B8
50.0%	50.0% #CDE9C3	RVB 205 233 195	#CDE9C3
66.7%	66.7% #D6EDCE	RVB 214 237 206	#D6EDCE
83.3%	83.3% #DFF1D9	RVB 223 241 217	#DFF1D9
100.0%	100.0% #E8F5E4	RVB 232 245 228	#E8F5E4

#B2DDA2 #BBE1AD #C4E5B8 #CDE9C3 #D6EDCE #DFF1D9 #E8F5E4

#B2DDA2 - #E8F5E4

Mélange HSV

#B2DDA2 - #E8F5E4 | 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 #B2DDA2 0% et #E8F5E4 100%.

0.0%	0.0% #B2DDA2	RVB 178 221 162	#B2DDA2
16.7%	16.7% #BAE1AC	RVB 186 225 172	#BAE1AC
33.3%	33.3% #C2E5B6	RVB 194 229 182	#C2E5B6
50.0%	50.0% #CBE9C1	RVB 203 233 193	#CBE9C1
66.7%	66.7% #D4EDCC	RVB 212 237 204	#D4EDCC
83.3%	83.3% #DEF1D8	RVB 222 241 216	#DEF1D8
100.0%	100.0% #E8F5E4	RVB 232 245 228	#E8F5E4

#B2DDA2 #BAE1AC #C2E5B6 #CBE9C1 #D4EDCC #DEF1D8 #E8F5E4

#B2DDA2 - #CBE9C1 - #E8F5E4

Codes CSS

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

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