#B8F5E4 - #DEE6CF | 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 #B8F5E4 à #DEE6CF

#B8F5E4 #DEE6CF

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

#B8F5E4 - #DEE6CF | 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 #B8F5E4 0% et #DEE6CF 100%.

0.0%	0.0% #B8F5E4	RVB 184 245 228	#B8F5E4
16.7%	16.7% #BEF2E0	RVB 190 242 224	#BEF2E0
33.3%	33.3% #C4F0DD	RVB 196 240 221	#C4F0DD
50.0%	50.0% #CBEDD9	RVB 203 237 217	#CBEDD9
66.7%	66.7% #D1EBD6	RVB 209 235 214	#D1EBD6
83.3%	83.3% #D7E8D2	RVB 215 232 210	#D7E8D2
100.0%	100.0% #DEE6CF	RVB 222 230 207	#DEE6CF

#B8F5E4 #BEF2E0 #C4F0DD #CBEDD9 #D1EBD6 #D7E8D2 #DEE6CF

#B8F5E4 - #DEE6CF

Mélange HSV

#B8F5E4 - #DEE6CF | 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 #B8F5E4 0% et #DEE6CF 100%.

0.0%	0.0% #B8F5E4	RVB 184 245 228	#B8F5E4
16.7%	16.7% #BCF2D6	RVB 188 242 214	#BCF2D6
33.3%	33.3% #C0F0CC	RVB 192 240 204	#C0F0CC
50.0%	50.0% #C4EDC5	RVB 196 237 197	#C4EDC5
66.7%	66.7% #CEEBC7	RVB 206 235 199	#CEEBC7
83.3%	83.3% #D7E8CB	RVB 215 232 203	#D7E8CB
100.0%	100.0% #DEE6CF	RVB 222 230 207	#DEE6CF

#B8F5E4 #BCF2D6 #C0F0CC #C4EDC5 #CEEBC7 #D7E8CB #DEE6CF

#B8F5E4 - #C4EDC5 - #DEE6CF

Codes CSS

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

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