#5E92AD - #CCCEC3 | 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 #5E92AD à #CCCEC3

#5E92AD #CCCEC3

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

#5E92AD - #CCCEC3 | 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 #5E92AD 0% et #CCCEC3 100%.

0.0%	0.0% #5E92AD	RVB 94 146 173	#5E92AD
16.7%	16.7% #709CB0	RVB 112 156 176	#709CB0
33.3%	33.3% #82A6B4	RVB 130 166 180	#82A6B4
50.0%	50.0% #95B0B8	RVB 149 176 184	#95B0B8
66.7%	66.7% #A7BABB	RVB 167 186 187	#A7BABB
83.3%	83.3% #B9C4BF	RVB 185 196 191	#B9C4BF
100.0%	100.0% #CCCEC3	RVB 204 206 195	#CCCEC3

#5E92AD #709CB0 #82A6B4 #95B0B8 #A7BABB #B9C4BF #CCCEC3

#5E92AD - #CCCEC3

Mélange HSV

#5E92AD - #CCCEC3 | 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 #5E92AD 0% et #CCCEC3 100%.

0.0%	0.0% #5E92AD	RVB 94 146 173	#5E92AD
16.7%	16.7% #6CB2B1	RVB 108 178 177	#6CB2B1
33.3%	33.3% #7CB8A1	RVB 124 184 161	#7CB8A1
50.0%	50.0% #8DBD99	RVB 141 189 153	#8DBD99
66.7%	66.7% #A1C39E	RVB 161 195 158	#A1C39E
83.3%	83.3% #BBC8B0	RVB 187 200 176	#BBC8B0
100.0%	100.0% #CCCEC3	RVB 204 206 195	#CCCEC3

#5E92AD #6CB2B1 #7CB8A1 #8DBD99 #A1C39E #BBC8B0 #CCCEC3

#5E92AD - #8DBD99 - #CCCEC3

Codes CSS

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

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