#FDBEB6 - #FEECEA | 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 #FDBEB6 à #FEECEA

#FDBEB6 #FEECEA

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

#FDBEB6 - #FEECEA | 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 #FDBEB6 0% et #FEECEA 100%.

0.0%	0.0% #FDBEB6	RVB 253 190 182	#FDBEB6
16.7%	16.7% #FDC5BE	RVB 253 197 190	#FDC5BE
33.3%	33.3% #FDCDC7	RVB 253 205 199	#FDCDC7
50.0%	50.0% #FDD5D0	RVB 253 213 208	#FDD5D0
66.7%	66.7% #FDDCD8	RVB 253 220 216	#FDDCD8
83.3%	83.3% #FDE4E1	RVB 253 228 225	#FDE4E1
100.0%	100.0% #FEECEA	RVB 254 236 234	#FEECEA

#FDBEB6 #FDC5BE #FDCDC7 #FDD5D0 #FDDCD8 #FDE4E1 #FEECEA

#FDBEB6 - #FEECEA

Mélange HSV

#FDBEB6 - #FEECEA | 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 #FDBEB6 0% et #FEECEA 100%.

0.0%	0.0% #FDBEB6	RVB 253 190 182	#FDBEB6
16.7%	16.7% #FDC5BE	RVB 253 197 190	#FDC5BE
33.3%	33.3% #FDCDC7	RVB 253 205 199	#FDCDC7
50.0%	50.0% #FDD4CF	RVB 253 212 207	#FDD4CF
66.7%	66.7% #FDDCD8	RVB 253 220 216	#FDDCD8
83.3%	83.3% #FDE4E1	RVB 253 228 225	#FDE4E1
100.0%	100.0% #FEECEA	RVB 254 236 234	#FEECEA

#FDBEB6 #FDC5BE #FDCDC7 #FDD4CF #FDDCD8 #FDE4E1 #FEECEA

#FDBEB6 - #FDD4CF - #FEECEA

Codes CSS

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

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