#CDABCA - #FFECE3 | 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 #CDABCA à #FFECE3

#CDABCA #FFECE3

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

#CDABCA - #FFECE3 | 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 #CDABCA 0% et #FFECE3 100%.

0.0%	0.0% #CDABCA	RVB 205 171 202	#CDABCA
16.7%	16.7% #D5B5CE	RVB 213 181 206	#D5B5CE
33.3%	33.3% #DDC0D2	RVB 221 192 210	#DDC0D2
50.0%	50.0% #E6CBD6	RVB 230 203 214	#E6CBD6
66.7%	66.7% #EED6DA	RVB 238 214 218	#EED6DA
83.3%	83.3% #F6E1DE	RVB 246 225 222	#F6E1DE
100.0%	100.0% #FFECE3	RVB 255 236 227	#FFECE3

#CDABCA #D5B5CE #DDC0D2 #E6CBD6 #EED6DA #F6E1DE #FFECE3

#CDABCA - #FFECE3

Mélange HSV

#CDABCA - #FFECE3 | 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 #CDABCA 0% et #FFECE3 100%.

0.0%	0.0% #CDABCA	RVB 205 171 202	#CDABCA
16.7%	16.7% #D5B3CB	RVB 213 179 203	#D5B3CB
33.3%	33.3% #DDBDCD	RVB 221 189 205	#DDBDCD
50.0%	50.0% #E6C6CF	RVB 230 198 207	#E6C6CF
66.7%	66.7% #EECFD2	RVB 238 207 210	#EECFD2
83.3%	83.3% #F6DCD9	RVB 246 220 217	#F6DCD9
100.0%	100.0% #FFECE3	RVB 255 236 227	#FFECE3

#CDABCA #D5B3CB #DDBDCD #E6C6CF #EECFD2 #F6DCD9 #FFECE3

#CDABCA - #E6C6CF - #FFECE3

Codes CSS

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

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