#CDBDC6 - #8C5E8D | 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 #CDBDC6 à #8C5E8D

#CDBDC6 #8C5E8D

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

#CDBDC6 - #8C5E8D | 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 #CDBDC6 0% et #8C5E8D 100%.

0.0%	0.0% #CDBDC6	RVB 205 189 198	#CDBDC6
16.7%	16.7% #C2ADBC	RVB 194 173 188	#C2ADBC
33.3%	33.3% #B79DB3	RVB 183 157 179	#B79DB3
50.0%	50.0% #AC8DA9	RVB 172 141 169	#AC8DA9
66.7%	66.7% #A17DA0	RVB 161 125 160	#A17DA0
83.3%	83.3% #966D96	RVB 150 109 150	#966D96
100.0%	100.0% #8C5E8D	RVB 140 94 141	#8C5E8D

#CDBDC6 #C2ADBC #B79DB3 #AC8DA9 #A17DA0 #966D96 #8C5E8D

#CDBDC6 - #8C5E8D

Mélange HSV

#CDBDC6 - #8C5E8D | 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 #CDBDC6 0% et #8C5E8D 100%.

0.0%	0.0% #CDBDC6	RVB 205 189 198	#CDBDC6
16.7%	16.7% #C2AAB9	RVB 194 170 185	#C2AAB9
33.3%	33.3% #B799AF	RVB 183 153 175	#B799AF
50.0%	50.0% #AD89A5	RVB 173 137 165	#AD89A5
66.7%	66.7% #A27A9D	RVB 162 122 157	#A27A9D
83.3%	83.3% #976B95	RVB 151 107 149	#976B95
100.0%	100.0% #8C5E8D	RVB 140 94 141	#8C5E8D

#CDBDC6 #C2AAB9 #B799AF #AD89A5 #A27A9D #976B95 #8C5E8D

#CDBDC6 - #AD89A5 - #8C5E8D

Codes CSS

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

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