#00B8FF - #8FF5E9 | 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 #00B8FF à #8FF5E9

#00B8FF #8FF5E9

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

#00B8FF - #8FF5E9 | 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 #00B8FF 0% et #8FF5E9 100%.

0.0%	0.0% #00B8FF	RVB 0 184 255	#00B8FF
16.7%	16.7% #17C2FB	RVB 23 194 251	#17C2FB
33.3%	33.3% #2FCCF7	RVB 47 204 247	#2FCCF7
50.0%	50.0% #47D6F4	RVB 71 214 244	#47D6F4
66.7%	66.7% #5FE0F0	RVB 95 224 240	#5FE0F0
83.3%	83.3% #77EAEC	RVB 119 234 236	#77EAEC
100.0%	100.0% #8FF5E9	RVB 143 245 233	#8FF5E9

#00B8FF #17C2FB #2FCCF7 #47D6F4 #5FE0F0 #77EAEC #8FF5E9

#00B8FF - #8FF5E9

Mélange HSV

#00B8FF - #8FF5E9 | 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 #00B8FF 0% et #8FF5E9 100%.

0.0%	0.0% #00B8FF	RVB 0 184 255	#00B8FF
16.7%	16.7% #18CCFD	RVB 24 204 253	#18CCFD
33.3%	33.3% #30DDFB	RVB 48 221 251	#30DDFB
50.0%	50.0% #48EBFA	RVB 72 235 250	#48EBFA
66.7%	66.7% #60F6F8	RVB 96 246 248	#60F6F8
83.3%	83.3% #77F6F0	RVB 119 246 240	#77F6F0
100.0%	100.0% #8FF5E9	RVB 143 245 233	#8FF5E9

#00B8FF #18CCFD #30DDFB #48EBFA #60F6F8 #77F6F0 #8FF5E9

#00B8FF - #48EBFA - #8FF5E9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B8FF 0%, #48EBFA 50%, #8FF5E9 100%);
    background: -webkit-linear-gradient(top, #00B8FF 0%, #48EBFA 50%, #8FF5E9 100%);
    background: linear-gradient(to bottom, #00B8FF 0%, #48EBFA 50%, #8FF5E9 100%);
}
</style>