#D3C2FF - #CEEDEB | 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 #D3C2FF à #CEEDEB

#D3C2FF #CEEDEB

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

#D3C2FF - #CEEDEB | 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 #D3C2FF 0% et #CEEDEB 100%.

0.0%	0.0% #D3C2FF	RVB 211 194 255	#D3C2FF
16.7%	16.7% #D2C9FB	RVB 210 201 251	#D2C9FB
33.3%	33.3% #D1D0F8	RVB 209 208 248	#D1D0F8
50.0%	50.0% #D0D7F5	RVB 208 215 245	#D0D7F5
66.7%	66.7% #CFDEF1	RVB 207 222 241	#CFDEF1
83.3%	83.3% #CEE5EE	RVB 206 229 238	#CEE5EE
100.0%	100.0% #CEEDEB	RVB 206 237 235	#CEEDEB

#D3C2FF #D2C9FB #D1D0F8 #D0D7F5 #CFDEF1 #CEE5EE #CEEDEB

#D3C2FF - #CEEDEB

Mélange HSV

#D3C2FF - #CEEDEB | 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 #D3C2FF 0% et #CEEDEB 100%.

0.0%	0.0% #D3C2FF	RVB 211 194 255	#D3C2FF
16.7%	16.7% #C7C4FC	RVB 199 196 252	#C7C4FC
33.3%	33.3% #C6CEF9	RVB 198 206 249	#C6CEF9
50.0%	50.0% #C8DAF6	RVB 200 218 246	#C8DAF6
66.7%	66.7% #CAE3F3	RVB 202 227 243	#CAE3F3
83.3%	83.3% #CCEAF0	RVB 204 234 240	#CCEAF0
100.0%	100.0% #CEEDEB	RVB 206 237 235	#CEEDEB

#D3C2FF #C7C4FC #C6CEF9 #C8DAF6 #CAE3F3 #CCEAF0 #CEEDEB

#D3C2FF - #C8DAF6 - #CEEDEB

Codes CSS

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

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