#CCBBC6 - #8F5E64 | 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 #CCBBC6 à #8F5E64

#CCBBC6 #8F5E64

Calculez la couleur entre deux couleurs, #CCBBC6 et #8F5E64. 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)

#CCBBC6 - #8F5E64 | 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 #CCBBC6 0% et #8F5E64 100%.

0.0%	0.0% #CCBBC6	RVB 204 187 198	#CCBBC6
16.7%	16.7% #C1ABB5	RVB 193 171 181	#C1ABB5
33.3%	33.3% #B79CA5	RVB 183 156 165	#B79CA5
50.0%	50.0% #AD8C95	RVB 173 140 149	#AD8C95
66.7%	66.7% #A37D84	RVB 163 125 132	#A37D84
83.3%	83.3% #996D74	RVB 153 109 116	#996D74
100.0%	100.0% #8F5E64	RVB 143 94 100	#8F5E64

#CCBBC6 #C1ABB5 #B79CA5 #AD8C95 #A37D84 #996D74 #8F5E64

#CCBBC6 - #8F5E64

Mélange HSV

#CCBBC6 - #8F5E64 | 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 #CCBBC6 0% et #8F5E64 100%.

0.0%	0.0% #CCBBC6	RVB 204 187 198	#CCBBC6
16.7%	16.7% #C1A9B7	RVB 193 169 183	#C1A9B7
33.3%	33.3% #B798A7	RVB 183 152 167	#B798A7
50.0%	50.0% #AD8896	RVB 173 136 150	#AD8896
66.7%	66.7% #A37985	RVB 163 121 133	#A37985
83.3%	83.3% #996B74	RVB 153 107 116	#996B74
100.0%	100.0% #8F5E64	RVB 143 94 100	#8F5E64

#CCBBC6 #C1A9B7 #B798A7 #AD8896 #A37985 #996B74 #8F5E64

#CCBBC6 - #AD8896 - #8F5E64

Codes CSS

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

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