#BDCCCE - #ECE5DB | 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 #BDCCCE à #ECE5DB

#BDCCCE #ECE5DB

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

#BDCCCE - #ECE5DB | 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 #BDCCCE 0% et #ECE5DB 100%.

0.0%	0.0% #BDCCCE	RVB 189 204 206	#BDCCCE
16.7%	16.7% #C4D0D0	RVB 196 208 208	#C4D0D0
33.3%	33.3% #CCD4D2	RVB 204 212 210	#CCD4D2
50.0%	50.0% #D4D8D4	RVB 212 216 212	#D4D8D4
66.7%	66.7% #DCDCD6	RVB 220 220 214	#DCDCD6
83.3%	83.3% #E4E0D8	RVB 228 224 216	#E4E0D8
100.0%	100.0% #ECE5DB	RVB 236 229 219	#ECE5DB

#BDCCCE #C4D0D0 #CCD4D2 #D4D8D4 #DCDCD6 #E4E0D8 #ECE5DB

#BDCCCE - #ECE5DB

Mélange HSV

#BDCCCE - #ECE5DB | 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 #BDCCCE 0% et #ECE5DB 100%.

0.0%	0.0% #BDCCCE	RVB 189 204 206	#BDCCCE
16.7%	16.7% #C1D3CD	RVB 193 211 205	#C1D3CD
33.3%	33.3% #C6D8CB	RVB 198 216 203	#C6D8CB
50.0%	50.0% #CEDDCB	RVB 206 221 203	#CEDDCB
66.7%	66.7% #DAE2D0	RVB 218 226 208	#DAE2D0
83.3%	83.3% #E6E7D5	RVB 230 231 213	#E6E7D5
100.0%	100.0% #ECE5DB	RVB 236 229 219	#ECE5DB

#BDCCCE #C1D3CD #C6D8CB #CEDDCB #DAE2D0 #E6E7D5 #ECE5DB

#BDCCCE - #CEDDCB - #ECE5DB

Codes CSS

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

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