#F2FFFB - #8FDFC3 | 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 #F2FFFB à #8FDFC3

#F2FFFB #8FDFC3

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

#F2FFFB - #8FDFC3 | 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 #F2FFFB 0% et #8FDFC3 100%.

0.0%	0.0% #F2FFFB	RVB 242 255 251	#F2FFFB
16.7%	16.7% #E1F9F1	RVB 225 249 241	#E1F9F1
33.3%	33.3% #D1F4E8	RVB 209 244 232	#D1F4E8
50.0%	50.0% #C0EFDF	RVB 192 239 223	#C0EFDF
66.7%	66.7% #B0E9D5	RVB 176 233 213	#B0E9D5
83.3%	83.3% #9FE4CC	RVB 159 228 204	#9FE4CC
100.0%	100.0% #8FDFC3	RVB 143 223 195	#8FDFC3

#F2FFFB #E1F9F1 #D1F4E8 #C0EFDF #B0E9D5 #9FE4CC #8FDFC3

#F2FFFB - #8FDFC3

Mélange HSV

#F2FFFB - #8FDFC3 | 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 #F2FFFB 0% et #8FDFC3 100%.

0.0%	0.0% #F2FFFB	RVB 242 255 251	#F2FFFB
16.7%	16.7% #E0F9F1	RVB 224 249 241	#E0F9F1
33.3%	33.3% #CEF4E8	RVB 206 244 232	#CEF4E8
50.0%	50.0% #BEEFDE	RVB 190 239 222	#BEEFDE
66.7%	66.7% #ADE9D5	RVB 173 233 213	#ADE9D5
83.3%	83.3% #9EE4CC	RVB 158 228 204	#9EE4CC
100.0%	100.0% #8FDFC3	RVB 143 223 195	#8FDFC3

#F2FFFB #E0F9F1 #CEF4E8 #BEEFDE #ADE9D5 #9EE4CC #8FDFC3

#F2FFFB - #BEEFDE - #8FDFC3

Codes CSS

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

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