#DCE5E2 - #8EB7B5 | 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 #DCE5E2 à #8EB7B5

#DCE5E2 #8EB7B5

Calculez la couleur entre deux couleurs, #DCE5E2 et #8EB7B5. 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)

#DCE5E2 - #8EB7B5 | 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 #DCE5E2 0% et #8EB7B5 100%.

0.0%	0.0% #DCE5E2	RVB 220 229 226	#DCE5E2
16.7%	16.7% #CFDDDA	RVB 207 221 218	#CFDDDA
33.3%	33.3% #C2D5D3	RVB 194 213 211	#C2D5D3
50.0%	50.0% #B5CECB	RVB 181 206 203	#B5CECB
66.7%	66.7% #A8C6C4	RVB 168 198 196	#A8C6C4
83.3%	83.3% #9BBEBC	RVB 155 190 188	#9BBEBC
100.0%	100.0% #8EB7B5	RVB 142 183 181	#8EB7B5

#DCE5E2 #CFDDDA #C2D5D3 #B5CECB #A8C6C4 #9BBEBC #8EB7B5

#DCE5E2 - #8EB7B5

Mélange HSV

#DCE5E2 - #8EB7B5 | 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 #DCE5E2 0% et #8EB7B5 100%.

0.0%	0.0% #DCE5E2	RVB 220 229 226	#DCE5E2
16.7%	16.7% #CDDDD8	RVB 205 221 216	#CDDDD8
33.3%	33.3% #C0D5D0	RVB 192 213 208	#C0D5D0
50.0%	50.0% #B2CEC8	RVB 178 206 200	#B2CEC8
66.7%	66.7% #A6C6C1	RVB 166 198 193	#A6C6C1
83.3%	83.3% #99BEBB	RVB 153 190 187	#99BEBB
100.0%	100.0% #8EB7B5	RVB 142 183 181	#8EB7B5

#DCE5E2 #CDDDD8 #C0D5D0 #B2CEC8 #A6C6C1 #99BEBB #8EB7B5

#DCE5E2 - #B2CEC8 - #8EB7B5

Codes CSS

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

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