#7EB6AF - #CCDBAB | 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 #7EB6AF à #CCDBAB

#7EB6AF #CCDBAB

Calculez la couleur entre deux couleurs, #7EB6AF et #CCDBAB. 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)

#7EB6AF - #CCDBAB | 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 #7EB6AF 0% et #CCDBAB 100%.

0.0%	0.0% #7EB6AF	RVB 126 182 175	#7EB6AF
16.7%	16.7% #8BBCAE	RVB 139 188 174	#8BBCAE
33.3%	33.3% #98C2AD	RVB 152 194 173	#98C2AD
50.0%	50.0% #A5C8AD	RVB 165 200 173	#A5C8AD
66.7%	66.7% #B2CEAC	RVB 178 206 172	#B2CEAC
83.3%	83.3% #BFD4AB	RVB 191 212 171	#BFD4AB
100.0%	100.0% #CCDBAB	RVB 204 219 171	#CCDBAB

#7EB6AF #8BBCAE #98C2AD #A5C8AD #B2CEAC #BFD4AB #CCDBAB

#7EB6AF - #CCDBAB

Mélange HSV

#7EB6AF - #CCDBAB | 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 #7EB6AF 0% et #CCDBAB 100%.

0.0%	0.0% #7EB6AF	RVB 126 182 175	#7EB6AF
16.7%	16.7% #85BCA6	RVB 133 188 166	#85BCA6
33.3%	33.3% #8CC29F	RVB 140 194 159	#8CC29F
50.0%	50.0% #93C898	RVB 147 200 152	#93C898
66.7%	66.7% #A3CE9B	RVB 163 206 155	#A3CE9B
83.3%	83.3% #B8D4A3	RVB 184 212 163	#B8D4A3
100.0%	100.0% #CCDBAB	RVB 204 219 171	#CCDBAB

#7EB6AF #85BCA6 #8CC29F #93C898 #A3CE9B #B8D4A3 #CCDBAB

#7EB6AF - #93C898 - #CCDBAB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EB6AF 0%, #93C898 50%, #CCDBAB 100%);
    background: -webkit-linear-gradient(top, #7EB6AF 0%, #93C898 50%, #CCDBAB 100%);
    background: linear-gradient(to bottom, #7EB6AF 0%, #93C898 50%, #CCDBAB 100%);
}
</style>