#00C5E5 - #BCFFD9 | 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 #00C5E5 à #BCFFD9

#00C5E5 #BCFFD9

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

#00C5E5 - #BCFFD9 | 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 #00C5E5 0% et #BCFFD9 100%.

0.0%	0.0% #00C5E5	RVB 0 197 229	#00C5E5
16.7%	16.7% #1FCEE3	RVB 31 206 227	#1FCEE3
33.3%	33.3% #3ED8E1	RVB 62 216 225	#3ED8E1
50.0%	50.0% #5EE2DF	RVB 94 226 223	#5EE2DF
66.7%	66.7% #7DEBDD	RVB 125 235 221	#7DEBDD
83.3%	83.3% #9CF5DB	RVB 156 245 219	#9CF5DB
100.0%	100.0% #BCFFD9	RVB 188 255 217	#BCFFD9

#00C5E5 #1FCEE3 #3ED8E1 #5EE2DF #7DEBDD #9CF5DB #BCFFD9

#00C5E5 - #BCFFD9

Mélange HSV

#00C5E5 - #BCFFD9 | 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 #00C5E5 0% et #BCFFD9 100%.

0.0%	0.0% #00C4E5	RVB 0 196 229	#00C4E5
16.7%	16.7% #1CE4E9	RVB 28 228 233	#1CE4E9
33.3%	33.3% #3AEDDC	RVB 58 237 220	#3AEDDC
50.0%	50.0% #59F2D1	RVB 89 242 209	#59F2D1
66.7%	66.7% #79F6CC	RVB 121 246 204	#79F6CC
83.3%	83.3% #9AFACF	RVB 154 250 207	#9AFACF
100.0%	100.0% #BCFFD9	RVB 188 255 217	#BCFFD9

#00C4E5 #1CE4E9 #3AEDDC #59F2D1 #79F6CC #9AFACF #BCFFD9

#00C5E5 - #59F2D1 - #BCFFD9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C4E5 0%, #59F2D1 50%, #BCFFD9 100%);
    background: -webkit-linear-gradient(top, #00C4E5 0%, #59F2D1 50%, #BCFFD9 100%);
    background: linear-gradient(to bottom, #00C4E5 0%, #59F2D1 50%, #BCFFD9 100%);
}
</style>