#C0E2ED - #5EAEB9 | 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 #C0E2ED à #5EAEB9

#C0E2ED #5EAEB9

Calculez la couleur entre deux couleurs, #C0E2ED et #5EAEB9. 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)

#C0E2ED - #5EAEB9 | 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 #C0E2ED 0% et #5EAEB9 100%.

0.0%	0.0% #C0E2ED	RVB 192 226 237	#C0E2ED
16.7%	16.7% #AFD9E4	RVB 175 217 228	#AFD9E4
33.3%	33.3% #9FD0DB	RVB 159 208 219	#9FD0DB
50.0%	50.0% #8FC8D3	RVB 143 200 211	#8FC8D3
66.7%	66.7% #7EBFCA	RVB 126 191 202	#7EBFCA
83.3%	83.3% #6EB6C1	RVB 110 182 193	#6EB6C1
100.0%	100.0% #5EAEB9	RVB 94 174 185	#5EAEB9

#C0E2ED #AFD9E4 #9FD0DB #8FC8D3 #7EBFCA #6EB6C1 #5EAEB9

#C0E2ED - #5EAEB9

Mélange HSV

#C0E2ED - #5EAEB9 | 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 #C0E2ED 0% et #5EAEB9 100%.

0.0%	0.0% #C0E2ED	RVB 192 226 237	#C0E2ED
16.7%	16.7% #ADD8E4	RVB 173 216 228	#ADD8E4
33.3%	33.3% #9BCEDB	RVB 155 206 219	#9BCEDB
50.0%	50.0% #8BC5D3	RVB 139 197 211	#8BC5D3
66.7%	66.7% #7BBDCA	RVB 123 189 202	#7BBDCA
83.3%	83.3% #6CB5C1	RVB 108 181 193	#6CB5C1
100.0%	100.0% #5EAEB9	RVB 94 174 185	#5EAEB9

#C0E2ED #ADD8E4 #9BCEDB #8BC5D3 #7BBDCA #6CB5C1 #5EAEB9

#C0E2ED - #8BC5D3 - #5EAEB9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0E2ED 0%, #8BC5D3 50%, #5EAEB9 100%);
    background: -webkit-linear-gradient(top, #C0E2ED 0%, #8BC5D3 50%, #5EAEB9 100%);
    background: linear-gradient(to bottom, #C0E2ED 0%, #8BC5D3 50%, #5EAEB9 100%);
}
</style>