#C0FFEB - #5CDFD4 | 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 #C0FFEB à #5CDFD4

#C0FFEB #5CDFD4

Calculez la couleur entre deux couleurs, #C0FFEB et #5CDFD4. 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)

#C0FFEB - #5CDFD4 | 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 #C0FFEB 0% et #5CDFD4 100%.

0.0%	0.0% #C0FFEB	RVB 192 255 235	#C0FFEB
16.7%	16.7% #AFF9E7	RVB 175 249 231	#AFF9E7
33.3%	33.3% #9EF4E3	RVB 158 244 227	#9EF4E3
50.0%	50.0% #8EEFDF	RVB 142 239 223	#8EEFDF
66.7%	66.7% #7DE9DB	RVB 125 233 219	#7DE9DB
83.3%	83.3% #6CE4D7	RVB 108 228 215	#6CE4D7
100.0%	100.0% #5CDFD4	RVB 92 223 212	#5CDFD4

#C0FFEB #AFF9E7 #9EF4E3 #8EEFDF #7DE9DB #6CE4D7 #5CDFD4

#C0FFEB - #5CDFD4

Mélange HSV

#C0FFEB - #5CDFD4 | 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 #C0FFEB 0% et #5CDFD4 100%.

0.0%	0.0% #C0FFEB	RVB 192 255 235	#C0FFEB
16.7%	16.7% #ADF9E4	RVB 173 249 228	#ADF9E4
33.3%	33.3% #9CF4DF	RVB 156 244 223	#9CF4DF
50.0%	50.0% #8BEFDA	RVB 139 239 218	#8BEFDA
66.7%	66.7% #7AE9D7	RVB 122 233 215	#7AE9D7
83.3%	83.3% #6BE4D5	RVB 107 228 213	#6BE4D5
100.0%	100.0% #5CDFD4	RVB 92 223 212	#5CDFD4

#C0FFEB #ADF9E4 #9CF4DF #8BEFDA #7AE9D7 #6BE4D5 #5CDFD4

#C0FFEB - #8BEFDA - #5CDFD4

Codes CSS

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

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