#B2FFF2 - #DBE2D4 | 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 #B2FFF2 à #DBE2D4

#B2FFF2 #DBE2D4

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

#B2FFF2 - #DBE2D4 | 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 #B2FFF2 0% et #DBE2D4 100%.

0.0%	0.0% #B2FFF2	RVB 178 255 242	#B2FFF2
16.7%	16.7% #B8FAED	RVB 184 250 237	#B8FAED
33.3%	33.3% #BFF5E8	RVB 191 245 232	#BFF5E8
50.0%	50.0% #C6F0E3	RVB 198 240 227	#C6F0E3
66.7%	66.7% #CDEBDE	RVB 205 235 222	#CDEBDE
83.3%	83.3% #D4E6D9	RVB 212 230 217	#D4E6D9
100.0%	100.0% #DBE2D4	RVB 219 226 212	#DBE2D4

#B2FFF2 #B8FAED #BFF5E8 #C6F0E3 #CDEBDE #D4E6D9 #DBE2D4

#B2FFF2 - #DBE2D4

Mélange HSV

#B2FFF2 - #DBE2D4 | 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 #B2FFF2 0% et #DBE2D4 100%.

0.0%	0.0% #B2FFF2	RVB 178 255 242	#B2FFF2
16.7%	16.7% #B8FAE0	RVB 184 250 224	#B8FAE0
33.3%	33.3% #BEF5D3	RVB 190 245 211	#BEF5D3
50.0%	50.0% #C4F0CB	RVB 196 240 203	#C4F0CB
66.7%	66.7% #CCEBCA	RVB 204 235 202	#CCEBCA
83.3%	83.3% #D5E6CF	RVB 213 230 207	#D5E6CF
100.0%	100.0% #DBE2D4	RVB 219 226 212	#DBE2D4

#B2FFF2 #B8FAE0 #BEF5D3 #C4F0CB #CCEBCA #D5E6CF #DBE2D4

#B2FFF2 - #C4F0CB - #DBE2D4

Codes CSS

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

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