#3C92AF - #BFD5C9 | 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 #3C92AF à #BFD5C9

#3C92AF #BFD5C9

Calculez la couleur entre deux couleurs, #3C92AF et #BFD5C9. 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)

#3C92AF - #BFD5C9 | 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 #3C92AF 0% et #BFD5C9 100%.

0.0%	0.0% #3C92AF	RVB 60 146 175	#3C92AF
16.7%	16.7% #519DB3	RVB 81 157 179	#519DB3
33.3%	33.3% #67A8B7	RVB 103 168 183	#67A8B7
50.0%	50.0% #7DB3BC	RVB 125 179 188	#7DB3BC
66.7%	66.7% #93BEC0	RVB 147 190 192	#93BEC0
83.3%	83.3% #A9C9C4	RVB 169 201 196	#A9C9C4
100.0%	100.0% #BFD5C9	RVB 191 213 201	#BFD5C9

#3C92AF #519DB3 #67A8B7 #7DB3BC #93BEC0 #A9C9C4 #BFD5C9

#3C92AF - #BFD5C9

Mélange HSV

#3C92AF - #BFD5C9 | 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 #3C92AF 0% et #BFD5C9 100%.

0.0%	0.0% #3C92AF	RVB 60 146 175	#3C92AF
16.7%	16.7% #4EA9B5	RVB 78 169 181	#4EA9B5
33.3%	33.3% #62BBBA	RVB 98 187 186	#62BBBA
50.0%	50.0% #78C2B7	RVB 120 194 183	#78C2B7
66.7%	66.7% #8EC8B8	RVB 142 200 184	#8EC8B8
83.3%	83.3% #A6CEBD	RVB 166 206 189	#A6CEBD
100.0%	100.0% #BFD5C9	RVB 191 213 201	#BFD5C9

#3C92AF #4EA9B5 #62BBBA #78C2B7 #8EC8B8 #A6CEBD #BFD5C9

#3C92AF - #78C2B7 - #BFD5C9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C92AF 0%, #78C2B7 50%, #BFD5C9 100%);
    background: -webkit-linear-gradient(top, #3C92AF 0%, #78C2B7 50%, #BFD5C9 100%);
    background: linear-gradient(to bottom, #3C92AF 0%, #78C2B7 50%, #BFD5C9 100%);
}
</style>