#02FFF0 - #E4FFAA | 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 #02FFF0 à #E4FFAA

#02FFF0 #E4FFAA

Calculez la couleur entre deux couleurs, #02FFF0 et #E4FFAA. 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)

#02FFF0 - #E4FFAA | 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 #02FFF0 0% et #E4FFAA 100%.

0.0%	0.0% #02FFF0	RVB 2 255 240	#02FFF0
16.7%	16.7% #27FFE4	RVB 39 255 228	#27FFE4
33.3%	33.3% #4DFFD8	RVB 77 255 216	#4DFFD8
50.0%	50.0% #73FFCD	RVB 115 255 205	#73FFCD
66.7%	66.7% #98FFC1	RVB 152 255 193	#98FFC1
83.3%	83.3% #BEFFB5	RVB 190 255 181	#BEFFB5
100.0%	100.0% #E4FFAA	RVB 228 255 170	#E4FFAA

#02FFF0 #27FFE4 #4DFFD8 #73FFCD #98FFC1 #BEFFB5 #E4FFAA

#02FFF0 - #E4FFAA

Mélange HSV

#02FFF0 - #E4FFAA | 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 #02FFF0 0% et #E4FFAA 100%.

0.0%	0.0% #01FFF0	RVB 1 255 240	#01FFF0
16.7%	16.7% #1DFFB4	RVB 29 255 180	#1DFFB4
33.3%	33.3% #39FF88	RVB 57 255 136	#39FF88
50.0%	50.0% #55FF6B	RVB 85 255 107	#55FF6B
66.7%	66.7% #85FF72	RVB 133 255 114	#85FF72
83.3%	83.3% #BCFF8D	RVB 188 255 141	#BCFF8D
100.0%	100.0% #E4FFAA	RVB 228 255 170	#E4FFAA

#01FFF0 #1DFFB4 #39FF88 #55FF6B #85FF72 #BCFF8D #E4FFAA

#02FFF0 - #55FF6B - #E4FFAA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #01FFF0 0%, #55FF6B 50%, #E4FFAA 100%);
    background: -webkit-linear-gradient(top, #01FFF0 0%, #55FF6B 50%, #E4FFAA 100%);
    background: linear-gradient(to bottom, #01FFF0 0%, #55FF6B 50%, #E4FFAA 100%);
}
</style>