#DBBACB - #AF5E81 | 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 #DBBACB à #AF5E81

#DBBACB #AF5E81

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

#DBBACB - #AF5E81 | 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 #DBBACB 0% et #AF5E81 100%.

0.0%	0.0% #DBBACB	RVB 219 186 203	#DBBACB
16.7%	16.7% #D3AABE	RVB 211 170 190	#D3AABE
33.3%	33.3% #CC9BB2	RVB 204 155 178	#CC9BB2
50.0%	50.0% #C58CA6	RVB 197 140 166	#C58CA6
66.7%	66.7% #BD7C99	RVB 189 124 153	#BD7C99
83.3%	83.3% #B66D8D	RVB 182 109 141	#B66D8D
100.0%	100.0% #AF5E81	RVB 175 94 129	#AF5E81

#DBBACB #D3AABE #CC9BB2 #C58CA6 #BD7C99 #B66D8D #AF5E81

#DBBACB - #AF5E81

Mélange HSV

#DBBACB - #AF5E81 | 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 #DBBACB 0% et #AF5E81 100%.

0.0%	0.0% #DBBACB	RVB 219 186 203	#DBBACB
16.7%	16.7% #D3A8BE	RVB 211 168 190	#D3A8BE
33.3%	33.3% #CC98B1	RVB 204 152 177	#CC98B1
50.0%	50.0% #C588A5	RVB 197 136 165	#C588A5
66.7%	66.7% #BD7998	RVB 189 121 152	#BD7998
83.3%	83.3% #B66B8C	RVB 182 107 140	#B66B8C
100.0%	100.0% #AF5E81	RVB 175 94 129	#AF5E81

#DBBACB #D3A8BE #CC98B1 #C588A5 #BD7998 #B66B8C #AF5E81

#DBBACB - #C588A5 - #AF5E81

Codes CSS

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

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