#CDCACE - #ECDBF0 | 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 #CDCACE à #ECDBF0

#CDCACE #ECDBF0

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

#CDCACE - #ECDBF0 | 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 #CDCACE 0% et #ECDBF0 100%.

0.0%	0.0% #CDCACE	RVB 205 202 206	#CDCACE
16.7%	16.7% #D2CCD3	RVB 210 204 211	#D2CCD3
33.3%	33.3% #D7CFD9	RVB 215 207 217	#D7CFD9
50.0%	50.0% #DCD2DF	RVB 220 210 223	#DCD2DF
66.7%	66.7% #E1D5E4	RVB 225 213 228	#E1D5E4
83.3%	83.3% #E6D8EA	RVB 230 216 234	#E6D8EA
100.0%	100.0% #ECDBF0	RVB 236 219 240	#ECDBF0

#CDCACE #D2CCD3 #D7CFD9 #DCD2DF #E1D5E4 #E6D8EA #ECDBF0

#CDCACE - #ECDBF0

Mélange HSV

#CDCACE - #ECDBF0 | 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 #CDCACE 0% et #ECDBF0 100%.

0.0%	0.0% #CDCACE	RVB 205 202 206	#CDCACE
16.7%	16.7% #D2CDD3	RVB 210 205 211	#D2CDD3
33.3%	33.3% #D7D0D9	RVB 215 208 217	#D7D0D9
50.0%	50.0% #DCD3DF	RVB 220 211 223	#DCD3DF
66.7%	66.7% #E1D5E4	RVB 225 213 228	#E1D5E4
83.3%	83.3% #E6D8EA	RVB 230 216 234	#E6D8EA
100.0%	100.0% #ECDBF0	RVB 236 219 240	#ECDBF0

#CDCACE #D2CDD3 #D7D0D9 #DCD3DF #E1D5E4 #E6D8EA #ECDBF0

#CDCACE - #DCD3DF - #ECDBF0

Codes CSS

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

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