#F1CDCD - #CC5E5D | 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 #F1CDCD à #CC5E5D

#F1CDCD #CC5E5D

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

#F1CDCD - #CC5E5D | 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 #F1CDCD 0% et #CC5E5D 100%.

0.0%	0.0% #F1CDCD	RVB 241 205 205	#F1CDCD
16.7%	16.7% #EABABA	RVB 234 186 186	#EABABA
33.3%	33.3% #E4A8A7	RVB 228 168 167	#E4A8A7
50.0%	50.0% #DE9595	RVB 222 149 149	#DE9595
66.7%	66.7% #D88382	RVB 216 131 130	#D88382
83.3%	83.3% #D2706F	RVB 210 112 111	#D2706F
100.0%	100.0% #CC5E5D	RVB 204 94 93	#CC5E5D

#F1CDCD #EABABA #E4A8A7 #DE9595 #D88382 #D2706F #CC5E5D

#F1CDCD - #CC5E5D

Mélange HSV

#F1CDCD - #CC5E5D | 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 #F1CDCD 0% et #CC5E5D 100%.

0.0%	0.0% #F1CDCD	RVB 241 205 205	#F1CDCD
16.7%	16.7% #EAB8B8	RVB 234 184 184	#EAB8B8
33.3%	33.3% #E4A4A4	RVB 228 164 164	#E4A4A4
50.0%	50.0% #DE9191	RVB 222 145 145	#DE9191
66.7%	66.7% #D87F7F	RVB 216 127 127	#D87F7F
83.3%	83.3% #D26E6D	RVB 210 110 109	#D26E6D
100.0%	100.0% #CC5E5D	RVB 204 94 93	#CC5E5D

#F1CDCD #EAB8B8 #E4A4A4 #DE9191 #D87F7F #D26E6D #CC5E5D

#F1CDCD - #DE9191 - #CC5E5D

Codes CSS

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

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