#C8D5E2 - #718AAA | 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 #C8D5E2 à #718AAA

#C8D5E2 #718AAA

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

#C8D5E2 - #718AAA | 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 #C8D5E2 0% et #718AAA 100%.

0.0%	0.0% #C8D5E2	RVB 200 213 226	#C8D5E2
16.7%	16.7% #B9C8D8	RVB 185 200 216	#B9C8D8
33.3%	33.3% #ABBCCF	RVB 171 188 207	#ABBCCF
50.0%	50.0% #9CAFC6	RVB 156 175 198	#9CAFC6
66.7%	66.7% #8EA3BC	RVB 142 163 188	#8EA3BC
83.3%	83.3% #7F96B3	RVB 127 150 179	#7F96B3
100.0%	100.0% #718AAA	RVB 113 138 170	#718AAA

#C8D5E2 #B9C8D8 #ABBCCF #9CAFC6 #8EA3BC #7F96B3 #718AAA

#C8D5E2 - #718AAA

Mélange HSV

#C8D5E2 - #718AAA | 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 #C8D5E2 0% et #718AAA 100%.

0.0%	0.0% #C8D5E2	RVB 200 213 226	#C8D5E2
16.7%	16.7% #B7C7D8	RVB 183 199 216	#B7C7D8
33.3%	33.3% #A8BACF	RVB 168 186 207	#A8BACF
50.0%	50.0% #99AEC6	RVB 153 174 198	#99AEC6
66.7%	66.7% #8BA1BC	RVB 139 161 188	#8BA1BC
83.3%	83.3% #7D95B3	RVB 125 149 179	#7D95B3
100.0%	100.0% #718AAA	RVB 113 138 170	#718AAA

#C8D5E2 #B7C7D8 #A8BACF #99AEC6 #8BA1BC #7D95B3 #718AAA

#C8D5E2 - #99AEC6 - #718AAA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D5E2 0%, #99AEC6 50%, #718AAA 100%);
    background: -webkit-linear-gradient(top, #C8D5E2 0%, #99AEC6 50%, #718AAA 100%);
    background: linear-gradient(to bottom, #C8D5E2 0%, #99AEC6 50%, #718AAA 100%);
}
</style>