#CDCDD3 - #C5E2E5 | 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 #CDCDD3 à #C5E2E5

#CDCDD3 #C5E2E5

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

#CDCDD3 - #C5E2E5 | 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 #CDCDD3 0% et #C5E2E5 100%.

0.0%	0.0% #CDCDD3	RVB 205 205 211	#CDCDD3
16.7%	16.7% #CBD0D6	RVB 203 208 214	#CBD0D6
33.3%	33.3% #CAD4D9	RVB 202 212 217	#CAD4D9
50.0%	50.0% #C9D7DC	RVB 201 215 220	#C9D7DC
66.7%	66.7% #C7DBDF	RVB 199 219 223	#C7DBDF
83.3%	83.3% #C6DEE2	RVB 198 222 226	#C6DEE2
100.0%	100.0% #C5E2E5	RVB 197 226 229	#C5E2E5

#CDCDD3 #CBD0D6 #CAD4D9 #C9D7DC #C7DBDF #C6DEE2 #C5E2E5

#CDCDD3 - #C5E2E5

Mélange HSV

#CDCDD3 - #C5E2E5 | 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 #CDCDD3 0% et #C5E2E5 100%.

0.0%	0.0% #CDCDD3	RVB 205 205 211	#CDCDD3
16.7%	16.7% #CBCDD6	RVB 203 205 214	#CBCDD6
33.3%	33.3% #CACFD9	RVB 202 207 217	#CACFD9
50.0%	50.0% #C9D1DC	RVB 201 209 220	#C9D1DC
66.7%	66.7% #C8D5DF	RVB 200 213 223	#C8D5DF
83.3%	83.3% #C6DBE2	RVB 198 219 226	#C6DBE2
100.0%	100.0% #C5E2E5	RVB 197 226 229	#C5E2E5

#CDCDD3 #CBCDD6 #CACFD9 #C9D1DC #C8D5DF #C6DBE2 #C5E2E5

#CDCDD3 - #C9D1DC - #C5E2E5

Codes CSS

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

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