#C3E5E5 - #54B9BB | 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 #C3E5E5 à #54B9BB

#C3E5E5 #54B9BB

Calculez la couleur entre deux couleurs, #C3E5E5 et #54B9BB. 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)

#C3E5E5 - #54B9BB | 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 #C3E5E5 0% et #54B9BB 100%.

0.0%	0.0% #C3E5E5	RVB 195 229 229	#C3E5E5
16.7%	16.7% #B0DDDE	RVB 176 221 222	#B0DDDE
33.3%	33.3% #9ED6D7	RVB 158 214 215	#9ED6D7
50.0%	50.0% #8BCFD0	RVB 139 207 208	#8BCFD0
66.7%	66.7% #79C7C9	RVB 121 199 201	#79C7C9
83.3%	83.3% #66C0C2	RVB 102 192 194	#66C0C2
100.0%	100.0% #54B9BB	RVB 84 185 187	#54B9BB

#C3E5E5 #B0DDDE #9ED6D7 #8BCFD0 #79C7C9 #66C0C2 #54B9BB

#C3E5E5 - #54B9BB

Mélange HSV

#C3E5E5 - #54B9BB | 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 #C3E5E5 0% et #54B9BB 100%.

0.0%	0.0% #C3E5E5	RVB 195 229 229	#C3E5E5
16.7%	16.7% #AEDDDE	RVB 174 221 222	#AEDDDE
33.3%	33.3% #9AD6D7	RVB 154 214 215	#9AD6D7
50.0%	50.0% #87CFD0	RVB 135 207 208	#87CFD0
66.7%	66.7% #75C7C9	RVB 117 199 201	#75C7C9
83.3%	83.3% #64C0C2	RVB 100 192 194	#64C0C2
100.0%	100.0% #54B9BB	RVB 84 185 187	#54B9BB

#C3E5E5 #AEDDDE #9AD6D7 #87CFD0 #75C7C9 #64C0C2 #54B9BB

#C3E5E5 - #87CFD0 - #54B9BB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3E5E5 0%, #87CFD0 50%, #54B9BB 100%);
    background: -webkit-linear-gradient(top, #C3E5E5 0%, #87CFD0 50%, #54B9BB 100%);
    background: linear-gradient(to bottom, #C3E5E5 0%, #87CFD0 50%, #54B9BB 100%);
}
</style>