#2D5E98 - #8CADC4 | 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 #2D5E98 à #8CADC4

#2D5E98 #8CADC4

Calculez la couleur entre deux couleurs, #2D5E98 et #8CADC4. 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)

#2D5E98 - #8CADC4 | 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 #2D5E98 0% et #8CADC4 100%.

0.0%	0.0% #2D5E98	RVB 45 94 152	#2D5E98
16.7%	16.7% #3C6B9F	RVB 60 107 159	#3C6B9F
33.3%	33.3% #4C78A6	RVB 76 120 166	#4C78A6
50.0%	50.0% #5C85AE	RVB 92 133 174	#5C85AE
66.7%	66.7% #6C92B5	RVB 108 146 181	#6C92B5
83.3%	83.3% #7C9FBC	RVB 124 159 188	#7C9FBC
100.0%	100.0% #8CADC4	RVB 140 173 196	#8CADC4

#2D5E98 #3C6B9F #4C78A6 #5C85AE #6C92B5 #7C9FBC #8CADC4

#2D5E98 - #8CADC4

Mélange HSV

#2D5E98 - #8CADC4 | 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 #2D5E98 0% et #8CADC4 100%.

0.0%	0.0% #2D5D98	RVB 45 93 152	#2D5D98
16.7%	16.7% #3A6A9F	RVB 58 106 159	#3A6A9F
33.3%	33.3% #4877A6	RVB 72 119 166	#4877A6
50.0%	50.0% #5784AE	RVB 87 132 174	#5784AE
66.7%	66.7% #6892B5	RVB 104 146 181	#6892B5
83.3%	83.3% #799FBC	RVB 121 159 188	#799FBC
100.0%	100.0% #8CADC4	RVB 140 173 196	#8CADC4

#2D5D98 #3A6A9F #4877A6 #5784AE #6892B5 #799FBC #8CADC4

#2D5E98 - #5784AE - #8CADC4

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5D98 0%, #5784AE 50%, #8CADC4 100%);
    background: -webkit-linear-gradient(top, #2D5D98 0%, #5784AE 50%, #8CADC4 100%);
    background: linear-gradient(to bottom, #2D5D98 0%, #5784AE 50%, #8CADC4 100%);
}
</style>