#C7EACA - #DFECCF | 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 #C7EACA à #DFECCF

#C7EACA #DFECCF

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

#C7EACA - #DFECCF | 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 #C7EACA 0% et #DFECCF 100%.

0.0%	0.0% #C7EACA	RVB 199 234 202	#C7EACA
16.7%	16.7% #CBEACA	RVB 203 234 202	#CBEACA
33.3%	33.3% #CFEACB	RVB 207 234 203	#CFEACB
50.0%	50.0% #D3EBCC	RVB 211 235 204	#D3EBCC
66.7%	66.7% #D7EBCD	RVB 215 235 205	#D7EBCD
83.3%	83.3% #DBEBCE	RVB 219 235 206	#DBEBCE
100.0%	100.0% #DFECCF	RVB 223 236 207	#DFECCF

#C7EACA #CBEACA #CFEACB #D3EBCC #D7EBCD #DBEBCE #DFECCF

#C7EACA - #DFECCF

Mélange HSV

#C7EACA - #DFECCF | 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 #C7EACA 0% et #DFECCF 100%.

0.0%	0.0% #C7EACA	RVB 199 234 202	#C7EACA
16.7%	16.7% #C9EAC8	RVB 201 234 200	#C9EAC8
33.3%	33.3% #CDEAC9	RVB 205 234 201	#CDEAC9
50.0%	50.0% #D2EBCA	RVB 210 235 202	#D2EBCA
66.7%	66.7% #D6EBCC	RVB 214 235 204	#D6EBCC
83.3%	83.3% #DBEBCD	RVB 219 235 205	#DBEBCD
100.0%	100.0% #DFECCF	RVB 223 236 207	#DFECCF

#C7EACA #C9EAC8 #CDEAC9 #D2EBCA #D6EBCC #DBEBCD #DFECCF

#C7EACA - #D2EBCA - #DFECCF

Codes CSS

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

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