#6D9C91 - #D5E2DF | 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 #6D9C91 à #D5E2DF

#6D9C91 #D5E2DF

Calculez la couleur entre deux couleurs, #6D9C91 et #D5E2DF. 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)

#6D9C91 - #D5E2DF | 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 #6D9C91 0% et #D5E2DF 100%.

0.0%	0.0% #6D9C91	RVB 109 156 145	#6D9C91
16.7%	16.7% #7EA79E	RVB 126 167 158	#7EA79E
33.3%	33.3% #8FB3AB	RVB 143 179 171	#8FB3AB
50.0%	50.0% #A1BFB8	RVB 161 191 184	#A1BFB8
66.7%	66.7% #B2CAC5	RVB 178 202 197	#B2CAC5
83.3%	83.3% #C3D6D2	RVB 195 214 210	#C3D6D2
100.0%	100.0% #D5E2DF	RVB 213 226 223	#D5E2DF

#6D9C91 #7EA79E #8FB3AB #A1BFB8 #B2CAC5 #C3D6D2 #D5E2DF

#6D9C91 - #D5E2DF

Mélange HSV

#6D9C91 - #D5E2DF | 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 #6D9C91 0% et #D5E2DF 100%.

0.0%	0.0% #6D9C91	RVB 109 156 145	#6D9C91
16.7%	16.7% #7BA79D	RVB 123 167 157	#7BA79D
33.3%	33.3% #8BB3AA	RVB 139 179 170	#8BB3AA
50.0%	50.0% #9CBFB7	RVB 156 191 183	#9CBFB7
66.7%	66.7% #AECAC4	RVB 174 202 196	#AECAC4
83.3%	83.3% #C1D6D1	RVB 193 214 209	#C1D6D1
100.0%	100.0% #D5E2DF	RVB 213 226 223	#D5E2DF

#6D9C91 #7BA79D #8BB3AA #9CBFB7 #AECAC4 #C1D6D1 #D5E2DF

#6D9C91 - #9CBFB7 - #D5E2DF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9C91 0%, #9CBFB7 50%, #D5E2DF 100%);
    background: -webkit-linear-gradient(top, #6D9C91 0%, #9CBFB7 50%, #D5E2DF 100%);
    background: linear-gradient(to bottom, #6D9C91 0%, #9CBFB7 50%, #D5E2DF 100%);
}
</style>