#C7B9BA - #D2E5E4 | 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 #C7B9BA à #D2E5E4

#C7B9BA #D2E5E4

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

#C7B9BA - #D2E5E4 | 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 #C7B9BA 0% et #D2E5E4 100%.

0.0%	0.0% #C7B9BA	RVB 199 185 186	#C7B9BA
16.7%	16.7% #C8C0C1	RVB 200 192 193	#C8C0C1
33.3%	33.3% #CAC7C8	RVB 202 199 200	#CAC7C8
50.0%	50.0% #CCCFCF	RVB 204 207 207	#CCCFCF
66.7%	66.7% #CED6D6	RVB 206 214 214	#CED6D6
83.3%	83.3% #D0DDDD	RVB 208 221 221	#D0DDDD
100.0%	100.0% #D2E5E4	RVB 210 229 228	#D2E5E4

#C7B9BA #C8C0C1 #CAC7C8 #CCCFCF #CED6D6 #D0DDDD #D2E5E4

#C7B9BA - #D2E5E4

Mélange HSV

#C7B9BA - #D2E5E4 | 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 #C7B9BA 0% et #D2E5E4 100%.

0.0%	0.0% #C7B9BA	RVB 199 185 186	#C7B9BA
16.7%	16.7% #CCBDC5	RVB 204 189 197	#CCBDC5
33.3%	33.3% #CFC1D1	RVB 207 193 209	#CFC1D1
50.0%	50.0% #CCC5D6	RVB 204 197 214	#CCC5D6
66.7%	66.7% #C9CADB	RVB 201 202 219	#C9CADB
83.3%	83.3% #CDD7E0	RVB 205 215 224	#CDD7E0
100.0%	100.0% #D2E5E4	RVB 210 229 228	#D2E5E4

#C7B9BA #CCBDC5 #CFC1D1 #CCC5D6 #C9CADB #CDD7E0 #D2E5E4

#C7B9BA - #CCC5D6 - #D2E5E4

Codes CSS

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

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