#CACFD6 - #E5E5DD | 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 #CACFD6 à #E5E5DD

#CACFD6 #E5E5DD

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

#CACFD6 - #E5E5DD | 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 #CACFD6 0% et #E5E5DD 100%.

0.0%	0.0% #CACFD6	RVB 202 207 214	#CACFD6
16.7%	16.7% #CED2D7	RVB 206 210 215	#CED2D7
33.3%	33.3% #D3D6D8	RVB 211 214 216	#D3D6D8
50.0%	50.0% #D7DAD9	RVB 215 218 217	#D7DAD9
66.7%	66.7% #DCDDDA	RVB 220 221 218	#DCDDDA
83.3%	83.3% #E0E1DB	RVB 224 225 219	#E0E1DB
100.0%	100.0% #E5E5DD	RVB 229 229 221	#E5E5DD

#CACFD6 #CED2D7 #D3D6D8 #D7DAD9 #DCDDDA #E0E1DB #E5E5DD

#CACFD6 - #E5E5DD

Mélange HSV

#CACFD6 - #E5E5DD | 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 #CACFD6 0% et #E5E5DD 100%.

0.0%	0.0% #CACFD6	RVB 202 207 214	#CACFD6
16.7%	16.7% #CDD6D8	RVB 205 214 216	#CDD6D8
33.3%	33.3% #D0DBD8	RVB 208 219 216	#D0DBD8
50.0%	50.0% #D3DDD6	RVB 211 221 214	#D3DDD6
66.7%	66.7% #D7E0D6	RVB 215 224 214	#D7E0D6
83.3%	83.3% #DEE2D9	RVB 222 226 217	#DEE2D9
100.0%	100.0% #E5E5DD	RVB 229 229 221	#E5E5DD

#CACFD6 #CDD6D8 #D0DBD8 #D3DDD6 #D7E0D6 #DEE2D9 #E5E5DD

#CACFD6 - #D3DDD6 - #E5E5DD

Codes CSS

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

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