#C7C7CD - #C5E3E1 | 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 #C7C7CD à #C5E3E1

#C7C7CD #C5E3E1

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

#C7C7CD - #C5E3E1 | 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 #C7C7CD 0% et #C5E3E1 100%.

0.0%	0.0% #C7C7CD	RVB 199 199 205	#C7C7CD
16.7%	16.7% #C6CBD0	RVB 198 203 208	#C6CBD0
33.3%	33.3% #C6D0D3	RVB 198 208 211	#C6D0D3
50.0%	50.0% #C6D5D7	RVB 198 213 215	#C6D5D7
66.7%	66.7% #C5D9DA	RVB 197 217 218	#C5D9DA
83.3%	83.3% #C5DEDD	RVB 197 222 221	#C5DEDD
100.0%	100.0% #C5E3E1	RVB 197 227 225	#C5E3E1

#C7C7CD #C6CBD0 #C6D0D3 #C6D5D7 #C5D9DA #C5DEDD #C5E3E1

#C7C7CD - #C5E3E1

Mélange HSV

#C7C7CD - #C5E3E1 | 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 #C7C7CD 0% et #C5E3E1 100%.

0.0%	0.0% #C7C7CD	RVB 199 199 205	#C7C7CD
16.7%	16.7% #C6C8D0	RVB 198 200 208	#C6C8D0
33.3%	33.3% #C6CBD4	RVB 198 203 212	#C6CBD4
50.0%	50.0% #C6CFD8	RVB 198 207 216	#C6CFD8
66.7%	66.7% #C6D5DB	RVB 198 213 219	#C6D5DB
83.3%	83.3% #C5DCDF	RVB 197 220 223	#C5DCDF
100.0%	100.0% #C5E3E1	RVB 197 227 225	#C5E3E1

#C7C7CD #C6C8D0 #C6CBD4 #C6CFD8 #C6D5DB #C5DCDF #C5E3E1

#C7C7CD - #C6CFD8 - #C5E3E1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7C7CD 0%, #C6CFD8 50%, #C5E3E1 100%);
    background: -webkit-linear-gradient(top, #C7C7CD 0%, #C6CFD8 50%, #C5E3E1 100%);
    background: linear-gradient(to bottom, #C7C7CD 0%, #C6CFD8 50%, #C5E3E1 100%);
}
</style>