#DCADE7 - #FFEADE | 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 #DCADE7 à #FFEADE

#DCADE7 #FFEADE

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

#DCADE7 - #FFEADE | 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 #DCADE7 0% et #FFEADE 100%.

0.0%	0.0% #DCADE7	RVB 220 173 231	#DCADE7
16.7%	16.7% #E1B7E5	RVB 225 183 229	#E1B7E5
33.3%	33.3% #E7C1E4	RVB 231 193 228	#E7C1E4
50.0%	50.0% #EDCBE2	RVB 237 203 226	#EDCBE2
66.7%	66.7% #F3D5E1	RVB 243 213 225	#F3D5E1
83.3%	83.3% #F9DFDF	RVB 249 223 223	#F9DFDF
100.0%	100.0% #FFEADE	RVB 255 234 222	#FFEADE

#DCADE7 #E1B7E5 #E7C1E4 #EDCBE2 #F3D5E1 #F9DFDF #FFEADE

#DCADE7 - #FFEADE

Mélange HSV

#DCADE7 - #FFEADE | 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 #DCADE7 0% et #FFEADE 100%.

0.0%	0.0% #DCADE7	RVB 220 173 231	#DCADE7
16.7%	16.7% #EBB4E7	RVB 235 180 231	#EBB4E7
33.3%	33.3% #EFBCDE	RVB 239 188 222	#EFBCDE
50.0%	50.0% #F3C4D7	RVB 243 196 215	#F3C4D7
66.7%	66.7% #F7CDD3	RVB 247 205 211	#F7CDD3
83.3%	83.3% #FBD9D5	RVB 251 217 213	#FBD9D5
100.0%	100.0% #FFEADE	RVB 255 234 222	#FFEADE

#DCADE7 #EBB4E7 #EFBCDE #F3C4D7 #F7CDD3 #FBD9D5 #FFEADE

#DCADE7 - #F3C4D7 - #FFEADE

Codes CSS

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

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