#C5CCD4 - #E5E4DB | 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 #C5CCD4 à #E5E4DB

#C5CCD4 #E5E4DB

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

#C5CCD4 - #E5E4DB | 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 #C5CCD4 0% et #E5E4DB 100%.

0.0%	0.0% #C5CCD4	RVB 197 204 212	#C5CCD4
16.7%	16.7% #CAD0D5	RVB 202 208 213	#CAD0D5
33.3%	33.3% #CFD4D6	RVB 207 212 214	#CFD4D6
50.0%	50.0% #D5D8D7	RVB 213 216 215	#D5D8D7
66.7%	66.7% #DADCD8	RVB 218 220 216	#DADCD8
83.3%	83.3% #DFE0D9	RVB 223 224 217	#DFE0D9
100.0%	100.0% #E5E4DB	RVB 229 228 219	#E5E4DB

#C5CCD4 #CAD0D5 #CFD4D6 #D5D8D7 #DADCD8 #DFE0D9 #E5E4DB

#C5CCD4 - #E5E4DB

Mélange HSV

#C5CCD4 - #E5E4DB | 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 #C5CCD4 0% et #E5E4DB 100%.

0.0%	0.0% #C5CCD4	RVB 197 204 212	#C5CCD4
16.7%	16.7% #C8D5D6	RVB 200 213 214	#C8D5D6
33.3%	33.3% #CCD9D5	RVB 204 217 213	#CCD9D5
50.0%	50.0% #CFDCD2	RVB 207 220 210	#CFDCD2
66.7%	66.7% #D6DFD3	RVB 214 223 211	#D6DFD3
83.3%	83.3% #DEE2D7	RVB 222 226 215	#DEE2D7
100.0%	100.0% #E5E4DB	RVB 229 228 219	#E5E4DB

#C5CCD4 #C8D5D6 #CCD9D5 #CFDCD2 #D6DFD3 #DEE2D7 #E5E4DB

#C5CCD4 - #CFDCD2 - #E5E4DB

Codes CSS

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

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