#5E92AC - #CCCEC2 | 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 #5E92AC à #CCCEC2

#5E92AC #CCCEC2

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

#5E92AC - #CCCEC2 | 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 #5E92AC 0% et #CCCEC2 100%.

0.0%	0.0% #5E92AC	RVB 94 146 172	#5E92AC
16.7%	16.7% #709CAF	RVB 112 156 175	#709CAF
33.3%	33.3% #82A6B3	RVB 130 166 179	#82A6B3
50.0%	50.0% #95B0B7	RVB 149 176 183	#95B0B7
66.7%	66.7% #A7BABA	RVB 167 186 186	#A7BABA
83.3%	83.3% #B9C4BE	RVB 185 196 190	#B9C4BE
100.0%	100.0% #CCCEC2	RVB 204 206 194	#CCCEC2

#5E92AC #709CAF #82A6B3 #95B0B7 #A7BABA #B9C4BE #CCCEC2

#5E92AC - #CCCEC2

Mélange HSV

#5E92AC - #CCCEC2 | 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 #5E92AC 0% et #CCCEC2 100%.

0.0%	0.0% #5E92AC	RVB 94 146 172	#5E92AC
16.7%	16.7% #6CB1AF	RVB 108 177 175	#6CB1AF
33.3%	33.3% #7CB7A0	RVB 124 183 160	#7CB7A0
50.0%	50.0% #8CBD98	RVB 140 189 152	#8CBD98
66.7%	66.7% #A1C29D	RVB 161 194 157	#A1C29D
83.3%	83.3% #BBC8AF	RVB 187 200 175	#BBC8AF
100.0%	100.0% #CCCEC2	RVB 204 206 194	#CCCEC2

#5E92AC #6CB1AF #7CB7A0 #8CBD98 #A1C29D #BBC8AF #CCCEC2

#5E92AC - #8CBD98 - #CCCEC2

Codes CSS

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

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