#E9F9F6 - #8DC2D0 | 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 #E9F9F6 à #8DC2D0

#E9F9F6 #8DC2D0

Calculez la couleur entre deux couleurs, #E9F9F6 et #8DC2D0. 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)

#E9F9F6 - #8DC2D0 | 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 #E9F9F6 0% et #8DC2D0 100%.

0.0%	0.0% #E9F9F6	RVB 233 249 246	#E9F9F6
16.7%	16.7% #D9EFEF	RVB 217 239 239	#D9EFEF
33.3%	33.3% #CAE6E9	RVB 202 230 233	#CAE6E9
50.0%	50.0% #BBDDE3	RVB 187 221 227	#BBDDE3
66.7%	66.7% #ABD4DC	RVB 171 212 220	#ABD4DC
83.3%	83.3% #9CCBD6	RVB 156 203 214	#9CCBD6
100.0%	100.0% #8DC2D0	RVB 141 194 208	#8DC2D0

#E9F9F6 #D9EFEF #CAE6E9 #BBDDE3 #ABD4DC #9CCBD6 #8DC2D0

#E9F9F6 - #8DC2D0

Mélange HSV

#E9F9F6 - #8DC2D0 | 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 #E9F9F6 0% et #8DC2D0 100%.

0.0%	0.0% #E9F9F6	RVB 233 249 246	#E9F9F6
16.7%	16.7% #D8F2EF	RVB 216 242 239	#D8F2EF
33.3%	33.3% #C7EBE9	RVB 199 235 233	#C7EBE9
50.0%	50.0% #B8E4E4	RVB 184 228 228	#B8E4E4
66.7%	66.7% #A9D9DD	RVB 169 217 221	#A9D9DD
83.3%	83.3% #9ACED6	RVB 154 206 214	#9ACED6
100.0%	100.0% #8DC2D0	RVB 141 194 208	#8DC2D0

#E9F9F6 #D8F2EF #C7EBE9 #B8E4E4 #A9D9DD #9ACED6 #8DC2D0

#E9F9F6 - #B8E4E4 - #8DC2D0

Codes CSS

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

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