#C6DAF9 - #D3E5E4 | 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 #C6DAF9 à #D3E5E4

#C6DAF9 #D3E5E4

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

#C6DAF9 - #D3E5E4 | 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 #C6DAF9 0% et #D3E5E4 100%.

0.0%	0.0% #C6DAF9	RVB 198 218 249	#C6DAF9
16.7%	16.7% #C8DBF5	RVB 200 219 245	#C8DBF5
33.3%	33.3% #CADDF2	RVB 202 221 242	#CADDF2
50.0%	50.0% #CCDFEE	RVB 204 223 238	#CCDFEE
66.7%	66.7% #CEE1EB	RVB 206 225 235	#CEE1EB
83.3%	83.3% #D0E3E7	RVB 208 227 231	#D0E3E7
100.0%	100.0% #D3E5E4	RVB 211 229 228	#D3E5E4

#C6DAF9 #C8DBF5 #CADDF2 #CCDFEE #CEE1EB #D0E3E7 #D3E5E4

#C6DAF9 - #D3E5E4

Mélange HSV

#C6DAF9 - #D3E5E4 | 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 #C6DAF9 0% et #D3E5E4 100%.

0.0%	0.0% #C6DAF9	RVB 198 218 249	#C6DAF9
16.7%	16.7% #C8DFF5	RVB 200 223 245	#C8DFF5
33.3%	33.3% #CAE3F2	RVB 202 227 242	#CAE3F2
50.0%	50.0% #CDE5EF	RVB 205 229 239	#CDE5EF
66.7%	66.7% #CFE6EB	RVB 207 230 235	#CFE6EB
83.3%	83.3% #D1E7E8	RVB 209 231 232	#D1E7E8
100.0%	100.0% #D3E5E4	RVB 211 229 228	#D3E5E4

#C6DAF9 #C8DFF5 #CAE3F2 #CDE5EF #CFE6EB #D1E7E8 #D3E5E4

#C6DAF9 - #CDE5EF - #D3E5E4

Codes CSS

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

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