#F3E9F0 - #CC9EB6 | 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 #F3E9F0 à #CC9EB6

#F3E9F0 #CC9EB6

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

#F3E9F0 - #CC9EB6 | 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 #F3E9F0 0% et #CC9EB6 100%.

0.0%	0.0% #F3E9F0	RVB 243 233 240	#F3E9F0
16.7%	16.7% #ECDCE6	RVB 236 220 230	#ECDCE6
33.3%	33.3% #E6D0DC	RVB 230 208 220	#E6D0DC
50.0%	50.0% #DFC3D3	RVB 223 195 211	#DFC3D3
66.7%	66.7% #D9B7C9	RVB 217 183 201	#D9B7C9
83.3%	83.3% #D2AABF	RVB 210 170 191	#D2AABF
100.0%	100.0% #CC9EB6	RVB 204 158 182	#CC9EB6

#F3E9F0 #ECDCE6 #E6D0DC #DFC3D3 #D9B7C9 #D2AABF #CC9EB6

#F3E9F0 - #CC9EB6

Mélange HSV

#F3E9F0 - #CC9EB6 | 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 #F3E9F0 0% et #CC9EB6 100%.

0.0%	0.0% #F3E9F0	RVB 243 233 240	#F3E9F0
16.7%	16.7% #ECDBE6	RVB 236 219 230	#ECDBE6
33.3%	33.3% #E6CEDD	RVB 230 206 221	#E6CEDD
50.0%	50.0% #DFC1D3	RVB 223 193 211	#DFC1D3
66.7%	66.7% #D9B5CA	RVB 217 181 202	#D9B5CA
83.3%	83.3% #D2A9C0	RVB 210 169 192	#D2A9C0
100.0%	100.0% #CC9EB6	RVB 204 158 182	#CC9EB6

#F3E9F0 #ECDBE6 #E6CEDD #DFC1D3 #D9B5CA #D2A9C0 #CC9EB6

#F3E9F0 - #DFC1D3 - #CC9EB6

Codes CSS

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

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