#D0BEFF - #8253CF | 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 #D0BEFF à #8253CF

#D0BEFF #8253CF

Calculez la couleur entre deux couleurs, #D0BEFF et #8253CF. 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)

#D0BEFF - #8253CF | 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 #D0BEFF 0% et #8253CF 100%.

0.0%	0.0% #D0BEFF	RVB 208 190 255	#D0BEFF
16.7%	16.7% #C3ACF7	RVB 195 172 247	#C3ACF7
33.3%	33.3% #B69AEF	RVB 182 154 239	#B69AEF
50.0%	50.0% #A988E7	RVB 169 136 231	#A988E7
66.7%	66.7% #9C76DF	RVB 156 118 223	#9C76DF
83.3%	83.3% #8F64D7	RVB 143 100 215	#8F64D7
100.0%	100.0% #8253CF	RVB 130 83 207	#8253CF

#D0BEFF #C3ACF7 #B69AEF #A988E7 #9C76DF #8F64D7 #8253CF

#D0BEFF - #8253CF

Mélange HSV

#D0BEFF - #8253CF | 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 #D0BEFF 0% et #8253CF 100%.

0.0%	0.0% #D0BEFF	RVB 208 190 255	#D0BEFF
16.7%	16.7% #C0A9F7	RVB 192 169 247	#C0A9F7
33.3%	33.3% #B296EF	RVB 178 150 239	#B296EF
50.0%	50.0% #A484E7	RVB 164 132 231	#A484E7
66.7%	66.7% #9872DF	RVB 152 114 223	#9872DF
83.3%	83.3% #8C62D7	RVB 140 98 215	#8C62D7
100.0%	100.0% #8253CF	RVB 130 83 207	#8253CF

#D0BEFF #C0A9F7 #B296EF #A484E7 #9872DF #8C62D7 #8253CF

#D0BEFF - #A484E7 - #8253CF

Codes CSS

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

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