#C8C5E7 - #FFDCDF | 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 #C8C5E7 à #FFDCDF

#C8C5E7 #FFDCDF

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

#C8C5E7 - #FFDCDF | 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 #C8C5E7 0% et #FFDCDF 100%.

0.0%	0.0% #C8C5E7	RVB 200 197 231	#C8C5E7
16.7%	16.7% #D1C8E5	RVB 209 200 229	#D1C8E5
33.3%	33.3% #DACCE4	RVB 218 204 228	#DACCE4
50.0%	50.0% #E3D0E3	RVB 227 208 227	#E3D0E3
66.7%	66.7% #ECD4E1	RVB 236 212 225	#ECD4E1
83.3%	83.3% #F5D8E0	RVB 245 216 224	#F5D8E0
100.0%	100.0% #FFDCDF	RVB 255 220 223	#FFDCDF

#C8C5E7 #D1C8E5 #DACCE4 #E3D0E3 #ECD4E1 #F5D8E0 #FFDCDF

#C8C5E7 - #FFDCDF

Mélange HSV

#C8C5E7 - #FFDCDF | 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 #C8C5E7 0% et #FFDCDF 100%.

0.0%	0.0% #C8C5E7	RVB 200 197 231	#C8C5E7
16.7%	16.7% #D6C8EB	RVB 214 200 235	#D6C8EB
33.3%	33.3% #E4CCEF	RVB 228 204 239	#E4CCEF
50.0%	50.0% #F3D0F2	RVB 243 208 242	#F3D0F2
66.7%	66.7% #F7D4EC	RVB 247 212 236	#F7D4EC
83.3%	83.3% #FBD8E5	RVB 251 216 229	#FBD8E5
100.0%	100.0% #FFDCDF	RVB 255 220 223	#FFDCDF

#C8C5E7 #D6C8EB #E4CCEF #F3D0F2 #F7D4EC #FBD8E5 #FFDCDF

#C8C5E7 - #F3D0F2 - #FFDCDF

Codes CSS

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

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