#00ADE3 - #9CF5E4 | 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 #00ADE3 à #9CF5E4

#00ADE3 #9CF5E4

Calculez la couleur entre deux couleurs, #00ADE3 et #9CF5E4. 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)

#00ADE3 - #9CF5E4 | 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 #00ADE3 0% et #9CF5E4 100%.

0.0%	0.0% #00ADE3	RVB 0 173 227	#00ADE3
16.7%	16.7% #1AB9E3	RVB 26 185 227	#1AB9E3
33.3%	33.3% #34C5E3	RVB 52 197 227	#34C5E3
50.0%	50.0% #4ED1E3	RVB 78 209 227	#4ED1E3
66.7%	66.7% #68DDE3	RVB 104 221 227	#68DDE3
83.3%	83.3% #82E9E3	RVB 130 233 227	#82E9E3
100.0%	100.0% #9CF5E4	RVB 156 245 228	#9CF5E4

#00ADE3 #1AB9E3 #34C5E3 #4ED1E3 #68DDE3 #82E9E3 #9CF5E4

#00ADE3 - #9CF5E4

Mélange HSV

#00ADE3 - #9CF5E4 | 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 #00ADE3 0% et #9CF5E4 100%.

0.0%	0.0% #00ADE3	RVB 0 173 227	#00ADE3
16.7%	16.7% #18C3E6	RVB 24 195 230	#18C3E6
33.3%	33.3% #31D7E9	RVB 49 215 233	#31D7E9
50.0%	50.0% #4BE8EC	RVB 75 232 236	#4BE8EC
66.7%	66.7% #65EFE8	RVB 101 239 232	#65EFE8
83.3%	83.3% #80F2E4	RVB 128 242 228	#80F2E4
100.0%	100.0% #9CF5E4	RVB 156 245 228	#9CF5E4

#00ADE3 #18C3E6 #31D7E9 #4BE8EC #65EFE8 #80F2E4 #9CF5E4

#00ADE3 - #4BE8EC - #9CF5E4

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ADE3 0%, #4BE8EC 50%, #9CF5E4 100%);
    background: -webkit-linear-gradient(top, #00ADE3 0%, #4BE8EC 50%, #9CF5E4 100%);
    background: linear-gradient(to bottom, #00ADE3 0%, #4BE8EC 50%, #9CF5E4 100%);
}
</style>