#00C5E5 - #007CB1 | 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 #00C5E5 à #007CB1

#00C5E5 #007CB1

Calculez la couleur entre deux couleurs, #00C5E5 et #007CB1. 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)

#00C5E5 - #007CB1 | 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 #00C5E5 0% et #007CB1 100%.

0.0%	0.0% #00C5E5	RVB 0 197 229	#00C5E5
16.7%	16.7% #00B8DC	RVB 0 184 220	#00B8DC
33.3%	33.3% #00ACD3	RVB 0 172 211	#00ACD3
50.0%	50.0% #00A0CB	RVB 0 160 203	#00A0CB
66.7%	66.7% #0094C2	RVB 0 148 194	#0094C2
83.3%	83.3% #0088B9	RVB 0 136 185	#0088B9
100.0%	100.0% #007CB1	RVB 0 124 177	#007CB1

#00C5E5 #00B8DC #00ACD3 #00A0CB #0094C2 #0088B9 #007CB1

#00C5E5 - #007CB1

Mélange HSV

#00C5E5 - #007CB1 | 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 #00C5E5 0% et #007CB1 100%.

0.0%	0.0% #00C4E5	RVB 0 196 229	#00C4E5
16.7%	16.7% #00B7DC	RVB 0 183 220	#00B7DC
33.3%	33.3% #00AAD3	RVB 0 170 211	#00AAD3
50.0%	50.0% #009ECB	RVB 0 158 203	#009ECB
66.7%	66.7% #0092C2	RVB 0 146 194	#0092C2
83.3%	83.3% #0087B9	RVB 0 135 185	#0087B9
100.0%	100.0% #007CB1	RVB 0 124 177	#007CB1

#00C4E5 #00B7DC #00AAD3 #009ECB #0092C2 #0087B9 #007CB1

#00C5E5 - #009ECB - #007CB1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C4E5 0%, #009ECB 50%, #007CB1 100%);
    background: -webkit-linear-gradient(top, #00C4E5 0%, #009ECB 50%, #007CB1 100%);
    background: linear-gradient(to bottom, #00C4E5 0%, #009ECB 50%, #007CB1 100%);
}
</style>