#CCA8F7 - #FFE5E5 | 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 #CCA8F7 à #FFE5E5

#CCA8F7 #FFE5E5

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

#CCA8F7 - #FFE5E5 | 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 #CCA8F7 0% et #FFE5E5 100%.

0.0%	0.0% #CCA8F7	RVB 204 168 247	#CCA8F7
16.7%	16.7% #D4B2F4	RVB 212 178 244	#D4B2F4
33.3%	33.3% #DDBCF1	RVB 221 188 241	#DDBCF1
50.0%	50.0% #E5C6EE	RVB 229 198 238	#E5C6EE
66.7%	66.7% #EED0EB	RVB 238 208 235	#EED0EB
83.3%	83.3% #F6DAE8	RVB 246 218 232	#F6DAE8
100.0%	100.0% #FFE5E5	RVB 255 229 229	#FFE5E5

#CCA8F7 #D4B2F4 #DDBCF1 #E5C6EE #EED0EB #F6DAE8 #FFE5E5

#CCA8F7 - #FFE5E5

Mélange HSV

#CCA8F7 - #FFE5E5 | 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 #CCA8F7 0% et #FFE5E5 100%.

0.0%	0.0% #CCA8F7	RVB 204 168 247	#CCA8F7
16.7%	16.7% #E4B1F8	RVB 228 177 248	#E4B1F8
33.3%	33.3% #F7BBF9	RVB 247 187 249	#F7BBF9
50.0%	50.0% #FBC6EE	RVB 251 198 238	#FBC6EE
66.7%	66.7% #FCD0E6	RVB 252 208 230	#FCD0E6
83.3%	83.3% #FDDAE3	RVB 253 218 227	#FDDAE3
100.0%	100.0% #FFE5E5	RVB 255 229 229	#FFE5E5

#CCA8F7 #E4B1F8 #F7BBF9 #FBC6EE #FCD0E6 #FDDAE3 #FFE5E5

#CCA8F7 - #FBC6EE - #FFE5E5

Codes CSS

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

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