#DFE7E5 - #7EB6B7 | 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 #DFE7E5 à #7EB6B7

#DFE7E5 #7EB6B7

Calculez la couleur entre deux couleurs, #DFE7E5 et #7EB6B7. 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)

#DFE7E5 - #7EB6B7 | 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 #DFE7E5 0% et #7EB6B7 100%.

0.0%	0.0% #DFE7E5	RVB 223 231 229	#DFE7E5
16.7%	16.7% #CEDEDD	RVB 206 222 221	#CEDEDD
33.3%	33.3% #BED6D5	RVB 190 214 213	#BED6D5
50.0%	50.0% #AECECE	RVB 174 206 206	#AECECE
66.7%	66.7% #9EC6C6	RVB 158 198 198	#9EC6C6
83.3%	83.3% #8EBEBE	RVB 142 190 190	#8EBEBE
100.0%	100.0% #7EB6B7	RVB 126 182 183	#7EB6B7

#DFE7E5 #CEDEDD #BED6D5 #AECECE #9EC6C6 #8EBEBE #7EB6B7

#DFE7E5 - #7EB6B7

Mélange HSV

#DFE7E5 - #7EB6B7 | 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 #DFE7E5 0% et #7EB6B7 100%.

0.0%	0.0% #DFE7E5	RVB 223 231 229	#DFE7E5
16.7%	16.7% #CCDFDB	RVB 204 223 219	#CCDFDB
33.3%	33.3% #BBD7D2	RVB 187 215 210	#BBD7D2
50.0%	50.0% #ABCFCA	RVB 171 207 202	#ABCFCA
66.7%	66.7% #9BC7C3	RVB 155 199 195	#9BC7C3
83.3%	83.3% #8CBFBD	RVB 140 191 189	#8CBFBD
100.0%	100.0% #7EB6B7	RVB 126 182 183	#7EB6B7

#DFE7E5 #CCDFDB #BBD7D2 #ABCFCA #9BC7C3 #8CBFBD #7EB6B7

#DFE7E5 - #ABCFCA - #7EB6B7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFE7E5 0%, #ABCFCA 50%, #7EB6B7 100%);
    background: -webkit-linear-gradient(top, #DFE7E5 0%, #ABCFCA 50%, #7EB6B7 100%);
    background: linear-gradient(to bottom, #DFE7E5 0%, #ABCFCA 50%, #7EB6B7 100%);
}
</style>