#CAD5E5 - #718AAE | 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 #CAD5E5 à #718AAE

#CAD5E5 #718AAE

Calculez la couleur entre deux couleurs, #CAD5E5 et #718AAE. 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)

#CAD5E5 - #718AAE | 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 #CAD5E5 0% et #718AAE 100%.

0.0%	0.0% #CAD5E5	RVB 202 213 229	#CAD5E5
16.7%	16.7% #BBC8DB	RVB 187 200 219	#BBC8DB
33.3%	33.3% #ACBCD2	RVB 172 188 210	#ACBCD2
50.0%	50.0% #9DAFC9	RVB 157 175 201	#9DAFC9
66.7%	66.7% #8EA3C0	RVB 142 163 192	#8EA3C0
83.3%	83.3% #7F96B7	RVB 127 150 183	#7F96B7
100.0%	100.0% #718AAE	RVB 113 138 174	#718AAE

#CAD5E5 #BBC8DB #ACBCD2 #9DAFC9 #8EA3C0 #7F96B7 #718AAE

#CAD5E5 - #718AAE

Mélange HSV

#CAD5E5 - #718AAE | 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 #CAD5E5 0% et #718AAE 100%.

0.0%	0.0% #CAD5E5	RVB 202 213 229	#CAD5E5
16.7%	16.7% #B9C7DB	RVB 185 199 219	#B9C7DB
33.3%	33.3% #A9BAD2	RVB 169 186 210	#A9BAD2
50.0%	50.0% #9AADC9	RVB 154 173 201	#9AADC9
66.7%	66.7% #8BA1C0	RVB 139 161 192	#8BA1C0
83.3%	83.3% #7E95B7	RVB 126 149 183	#7E95B7
100.0%	100.0% #718AAE	RVB 113 138 174	#718AAE

#CAD5E5 #B9C7DB #A9BAD2 #9AADC9 #8BA1C0 #7E95B7 #718AAE

#CAD5E5 - #9AADC9 - #718AAE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAD5E5 0%, #9AADC9 50%, #718AAE 100%);
    background: -webkit-linear-gradient(top, #CAD5E5 0%, #9AADC9 50%, #718AAE 100%);
    background: linear-gradient(to bottom, #CAD5E5 0%, #9AADC9 50%, #718AAE 100%);
}
</style>