#CAB5E3 - #EEE9F7 | 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 #CAB5E3 à #EEE9F7

#CAB5E3 #EEE9F7

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

#CAB5E3 - #EEE9F7 | 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 #CAB5E3 0% et #EEE9F7 100%.

0.0%	0.0% #CAB5E3	RVB 202 181 227	#CAB5E3
16.7%	16.7% #D0BDE6	RVB 208 189 230	#D0BDE6
33.3%	33.3% #D6C6E9	RVB 214 198 233	#D6C6E9
50.0%	50.0% #DCCFED	RVB 220 207 237	#DCCFED
66.7%	66.7% #E2D7F0	RVB 226 215 240	#E2D7F0
83.3%	83.3% #E8E0F3	RVB 232 224 243	#E8E0F3
100.0%	100.0% #EEE9F7	RVB 238 233 247	#EEE9F7

#CAB5E3 #D0BDE6 #D6C6E9 #DCCFED #E2D7F0 #E8E0F3 #EEE9F7

#CAB5E3 - #EEE9F7

Mélange HSV

#CAB5E3 - #EEE9F7 | 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 #CAB5E3 0% et #EEE9F7 100%.

0.0%	0.0% #CAB5E3	RVB 202 181 227	#CAB5E3
16.7%	16.7% #CFBDE6	RVB 207 189 230	#CFBDE6
33.3%	33.3% #D4C5E9	RVB 212 197 233	#D4C5E9
50.0%	50.0% #DACEED	RVB 218 206 237	#DACEED
66.7%	66.7% #E0D7F0	RVB 224 215 240	#E0D7F0
83.3%	83.3% #E7DFF3	RVB 231 223 243	#E7DFF3
100.0%	100.0% #EEE9F7	RVB 238 233 247	#EEE9F7

#CAB5E3 #CFBDE6 #D4C5E9 #DACEED #E0D7F0 #E7DFF3 #EEE9F7

#CAB5E3 - #DACEED - #EEE9F7

Codes CSS

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

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