#DBFFFA - #8BE5E7 | 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 #DBFFFA à #8BE5E7

#DBFFFA #8BE5E7

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

#DBFFFA - #8BE5E7 | 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 #DBFFFA 0% et #8BE5E7 100%.

0.0%	0.0% #DBFFFA	RVB 219 255 250	#DBFFFA
16.7%	16.7% #CDFAF6	RVB 205 250 246	#CDFAF6
33.3%	33.3% #C0F6F3	RVB 192 246 243	#C0F6F3
50.0%	50.0% #B3F2F0	RVB 179 242 240	#B3F2F0
66.7%	66.7% #A5EDED	RVB 165 237 237	#A5EDED
83.3%	83.3% #98E9EA	RVB 152 233 234	#98E9EA
100.0%	100.0% #8BE5E7	RVB 139 229 231	#8BE5E7

#DBFFFA #CDFAF6 #C0F6F3 #B3F2F0 #A5EDED #98E9EA #8BE5E7

#DBFFFA - #8BE5E7

Mélange HSV

#DBFFFA - #8BE5E7 | 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 #DBFFFA 0% et #8BE5E7 100%.

0.0%	0.0% #DBFFFA	RVB 219 255 250	#DBFFFA
16.7%	16.7% #CCFBF5	RVB 204 251 245	#CCFBF5
33.3%	33.3% #BEF7F2	RVB 190 247 242	#BEF7F2
50.0%	50.0% #B1F3EF	RVB 177 243 239	#B1F3EF
66.7%	66.7% #A4EFEC	RVB 164 239 236	#A4EFEC
83.3%	83.3% #97EBEA	RVB 151 235 234	#97EBEA
100.0%	100.0% #8BE5E7	RVB 139 229 231	#8BE5E7

#DBFFFA #CCFBF5 #BEF7F2 #B1F3EF #A4EFEC #97EBEA #8BE5E7

#DBFFFA - #B1F3EF - #8BE5E7

Codes CSS

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

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