#7FD4D0 - #D5E2B9 | 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 #7FD4D0 à #D5E2B9

#7FD4D0 #D5E2B9

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

#7FD4D0 - #D5E2B9 | 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 #7FD4D0 0% et #D5E2B9 100%.

0.0%	0.0% #7FD4D0	RVB 127 212 208	#7FD4D0
16.7%	16.7% #8DD6CC	RVB 141 214 204	#8DD6CC
33.3%	33.3% #9BD8C8	RVB 155 216 200	#9BD8C8
50.0%	50.0% #AADBC4	RVB 170 219 196	#AADBC4
66.7%	66.7% #B8DDC0	RVB 184 221 192	#B8DDC0
83.3%	83.3% #C6DFBC	RVB 198 223 188	#C6DFBC
100.0%	100.0% #D5E2B9	RVB 213 226 185	#D5E2B9

#7FD4D0 #8DD6CC #9BD8C8 #AADBC4 #B8DDC0 #C6DFBC #D5E2B9

#7FD4D0 - #D5E2B9

Mélange HSV

#7FD4D0 - #D5E2B9 | 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 #7FD4D0 0% et #D5E2B9 100%.

0.0%	0.0% #7FD4D0	RVB 127 212 208	#7FD4D0
16.7%	16.7% #88D6BD	RVB 136 214 189	#88D6BD
33.3%	33.3% #91D8AE	RVB 145 216 174	#91D8AE
50.0%	50.0% #9BDBA3	RVB 155 219 163	#9BDBA3
66.7%	66.7% #ACDDA4	RVB 172 221 164	#ACDDA4
83.3%	83.3% #C2DFAE	RVB 194 223 174	#C2DFAE
100.0%	100.0% #D5E2B9	RVB 213 226 185	#D5E2B9

#7FD4D0 #88D6BD #91D8AE #9BDBA3 #ACDDA4 #C2DFAE #D5E2B9

#7FD4D0 - #9BDBA3 - #D5E2B9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FD4D0 0%, #9BDBA3 50%, #D5E2B9 100%);
    background: -webkit-linear-gradient(top, #7FD4D0 0%, #9BDBA3 50%, #D5E2B9 100%);
    background: linear-gradient(to bottom, #7FD4D0 0%, #9BDBA3 50%, #D5E2B9 100%);
}
</style>