#35AEA8 - #C5E7E6 | 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 #35AEA8 à #C5E7E6

#35AEA8 #C5E7E6

Calculez la couleur entre deux couleurs, #35AEA8 et #C5E7E6. 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)

#35AEA8 - #C5E7E6 | 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 #35AEA8 0% et #C5E7E6 100%.

0.0%	0.0% #35AEA8	RVB 53 174 168	#35AEA8
16.7%	16.7% #4DB7B2	RVB 77 183 178	#4DB7B2
33.3%	33.3% #65C1BC	RVB 101 193 188	#65C1BC
50.0%	50.0% #7DCAC7	RVB 125 202 199	#7DCAC7
66.7%	66.7% #95D4D1	RVB 149 212 209	#95D4D1
83.3%	83.3% #ADDDDB	RVB 173 221 219	#ADDDDB
100.0%	100.0% #C5E7E6	RVB 197 231 230	#C5E7E6

#35AEA8 #4DB7B2 #65C1BC #7DCAC7 #95D4D1 #ADDDDB #C5E7E6

#35AEA8 - #C5E7E6

Mélange HSV

#35AEA8 - #C5E7E6 | 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 #35AEA8 0% et #C5E7E6 100%.

0.0%	0.0% #35AEA8	RVB 53 174 168	#35AEA8
16.7%	16.7% #48B7B2	RVB 72 183 178	#48B7B2
33.3%	33.3% #5EC1BC	RVB 94 193 188	#5EC1BC
50.0%	50.0% #75CAC7	RVB 117 202 199	#75CAC7
66.7%	66.7% #8ED4D1	RVB 142 212 209	#8ED4D1
83.3%	83.3% #A8DDDB	RVB 168 221 219	#A8DDDB
100.0%	100.0% #C5E7E6	RVB 197 231 230	#C5E7E6

#35AEA8 #48B7B2 #5EC1BC #75CAC7 #8ED4D1 #A8DDDB #C5E7E6

#35AEA8 - #75CAC7 - #C5E7E6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35AEA8 0%, #75CAC7 50%, #C5E7E6 100%);
    background: -webkit-linear-gradient(top, #35AEA8 0%, #75CAC7 50%, #C5E7E6 100%);
    background: linear-gradient(to bottom, #35AEA8 0%, #75CAC7 50%, #C5E7E6 100%);
}
</style>