#CCCADE - #FFEED9 | 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 #CCCADE à #FFEED9

#CCCADE #FFEED9

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

#CCCADE - #FFEED9 | 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 #CCCADE 0% et #FFEED9 100%.

0.0%	0.0% #CCCADE	RVB 204 202 222	#CCCADE
16.7%	16.7% #D4D0DD	RVB 212 208 221	#D4D0DD
33.3%	33.3% #DDD6DC	RVB 221 214 220	#DDD6DC
50.0%	50.0% #E5DCDB	RVB 229 220 219	#E5DCDB
66.7%	66.7% #EEE2DA	RVB 238 226 218	#EEE2DA
83.3%	83.3% #F6E8D9	RVB 246 232 217	#F6E8D9
100.0%	100.0% #FFEED9	RVB 255 238 217	#FFEED9

#CCCADE #D4D0DD #DDD6DC #E5DCDB #EEE2DA #F6E8D9 #FFEED9

#CCCADE - #FFEED9

Mélange HSV

#CCCADE - #FFEED9 | 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 #CCCADE 0% et #FFEED9 100%.

0.0%	0.0% #CCCADE	RVB 204 202 222	#CCCADE
16.7%	16.7% #D8CCE3	RVB 216 204 227	#D8CCE3
33.3%	33.3% #E6CFE9	RVB 230 207 233	#E6CFE9
50.0%	50.0% #EED1E5	RVB 238 209 229	#EED1E5
66.7%	66.7% #F4D4DC	RVB 244 212 220	#F4D4DC
83.3%	83.3% #F9DBD6	RVB 249 219 214	#F9DBD6
100.0%	100.0% #FFEED9	RVB 255 238 217	#FFEED9

#CCCADE #D8CCE3 #E6CFE9 #EED1E5 #F4D4DC #F9DBD6 #FFEED9

#CCCADE - #EED1E5 - #FFEED9

Codes CSS

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

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