#FFBFD6 - #DA5E8D | 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 #FFBFD6 à #DA5E8D

#FFBFD6 #DA5E8D

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

#FFBFD6 - #DA5E8D | 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 #FFBFD6 0% et #DA5E8D 100%.

0.0%	0.0% #FFBFD6	RVB 255 191 214	#FFBFD6
16.7%	16.7% #F8AEC9	RVB 248 174 201	#F8AEC9
33.3%	33.3% #F29EBD	RVB 242 158 189	#F29EBD
50.0%	50.0% #EC8EB1	RVB 236 142 177	#EC8EB1
66.7%	66.7% #E67EA5	RVB 230 126 165	#E67EA5
83.3%	83.3% #E06E99	RVB 224 110 153	#E06E99
100.0%	100.0% #DA5E8D	RVB 218 94 141	#DA5E8D

#FFBFD6 #F8AEC9 #F29EBD #EC8EB1 #E67EA5 #E06E99 #DA5E8D

#FFBFD6 - #DA5E8D

Mélange HSV

#FFBFD6 - #DA5E8D | 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 #FFBFD6 0% et #DA5E8D 100%.

0.0%	0.0% #FFBFD6	RVB 255 191 214	#FFBFD6
16.7%	16.7% #F8ADC8	RVB 248 173 200	#F8ADC8
33.3%	33.3% #F29CBB	RVB 242 156 187	#F29CBB
50.0%	50.0% #EC8BAF	RVB 236 139 175	#EC8BAF
66.7%	66.7% #E67BA3	RVB 230 123 163	#E67BA3
83.3%	83.3% #E06C97	RVB 224 108 151	#E06C97
100.0%	100.0% #DA5E8D	RVB 218 94 141	#DA5E8D

#FFBFD6 #F8ADC8 #F29CBB #EC8BAF #E67BA3 #E06C97 #DA5E8D

#FFBFD6 - #EC8BAF - #DA5E8D

Codes CSS

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

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