#CFD4D4 - #C5E5CC | 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 #CFD4D4 à #C5E5CC

#CFD4D4 #C5E5CC

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

#CFD4D4 - #C5E5CC | 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 #CFD4D4 0% et #C5E5CC 100%.

0.0%	0.0% #CFD4D4	RVB 207 212 212	#CFD4D4
16.7%	16.7% #CDD6D2	RVB 205 214 210	#CDD6D2
33.3%	33.3% #CBD9D1	RVB 203 217 209	#CBD9D1
50.0%	50.0% #CADCD0	RVB 202 220 208	#CADCD0
66.7%	66.7% #C8DFCE	RVB 200 223 206	#C8DFCE
83.3%	83.3% #C6E2CD	RVB 198 226 205	#C6E2CD
100.0%	100.0% #C5E5CC	RVB 197 229 204	#C5E5CC

#CFD4D4 #CDD6D2 #CBD9D1 #CADCD0 #C8DFCE #C6E2CD #C5E5CC

#CFD4D4 - #C5E5CC

Mélange HSV

#CFD4D4 - #C5E5CC | 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 #CFD4D4 0% et #C5E5CC 100%.

0.0%	0.0% #CFD4D4	RVB 207 212 212	#CFD4D4
16.7%	16.7% #CDD6D5	RVB 205 214 213	#CDD6D5
33.3%	33.3% #CCD9D6	RVB 204 217 214	#CCD9D6
50.0%	50.0% #CADCD5	RVB 202 220 213	#CADCD5
66.7%	66.7% #C8DFD3	RVB 200 223 211	#C8DFD3
83.3%	83.3% #C6E2D0	RVB 198 226 208	#C6E2D0
100.0%	100.0% #C5E5CC	RVB 197 229 204	#C5E5CC

#CFD4D4 #CDD6D5 #CCD9D6 #CADCD5 #C8DFD3 #C6E2D0 #C5E5CC

#CFD4D4 - #CADCD5 - #C5E5CC

Codes CSS

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

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