#C7E5E5 - #59B9BA | 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 #C7E5E5 à #59B9BA

#C7E5E5 #59B9BA

Calculez la couleur entre deux couleurs, #C7E5E5 et #59B9BA. 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)

#C7E5E5 - #59B9BA | 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 #C7E5E5 0% et #59B9BA 100%.

0.0%	0.0% #C7E5E5	RVB 199 229 229	#C7E5E5
16.7%	16.7% #B4DDDD	RVB 180 221 221	#B4DDDD
33.3%	33.3% #A2D6D6	RVB 162 214 214	#A2D6D6
50.0%	50.0% #90CFCF	RVB 144 207 207	#90CFCF
66.7%	66.7% #7DC7C8	RVB 125 199 200	#7DC7C8
83.3%	83.3% #6BC0C1	RVB 107 192 193	#6BC0C1
100.0%	100.0% #59B9BA	RVB 89 185 186	#59B9BA

#C7E5E5 #B4DDDD #A2D6D6 #90CFCF #7DC7C8 #6BC0C1 #59B9BA

#C7E5E5 - #59B9BA

Mélange HSV

#C7E5E5 - #59B9BA | 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 #C7E5E5 0% et #59B9BA 100%.

0.0%	0.0% #C7E5E5	RVB 199 229 229	#C7E5E5
16.7%	16.7% #B2DDDD	RVB 178 221 221	#B2DDDD
33.3%	33.3% #9ED6D6	RVB 158 214 214	#9ED6D6
50.0%	50.0% #8BCFCF	RVB 139 207 207	#8BCFCF
66.7%	66.7% #79C7C8	RVB 121 199 200	#79C7C8
83.3%	83.3% #69C0C1	RVB 105 192 193	#69C0C1
100.0%	100.0% #59B9BA	RVB 89 185 186	#59B9BA

#C7E5E5 #B2DDDD #9ED6D6 #8BCFCF #79C7C8 #69C0C1 #59B9BA

#C7E5E5 - #8BCFCF - #59B9BA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E5E5 0%, #8BCFCF 50%, #59B9BA 100%);
    background: -webkit-linear-gradient(top, #C7E5E5 0%, #8BCFCF 50%, #59B9BA 100%);
    background: linear-gradient(to bottom, #C7E5E5 0%, #8BCFCF 50%, #59B9BA 100%);
}
</style>