#DBFDFF - #8CC2D5 | 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 #DBFDFF à #8CC2D5

#DBFDFF #8CC2D5

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

#DBFDFF - #8CC2D5 | 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 #DBFDFF 0% et #8CC2D5 100%.

0.0%	0.0% #DBFDFF	RVB 219 253 255	#DBFDFF
16.7%	16.7% #CDF3F8	RVB 205 243 248	#CDF3F8
33.3%	33.3% #C0E9F1	RVB 192 233 241	#C0E9F1
50.0%	50.0% #B3DFEA	RVB 179 223 234	#B3DFEA
66.7%	66.7% #A6D5E3	RVB 166 213 227	#A6D5E3
83.3%	83.3% #99CBDC	RVB 153 203 220	#99CBDC
100.0%	100.0% #8CC2D5	RVB 140 194 213	#8CC2D5

#DBFDFF #CDF3F8 #C0E9F1 #B3DFEA #A6D5E3 #99CBDC #8CC2D5

#DBFDFF - #8CC2D5

Mélange HSV

#DBFDFF - #8CC2D5 | 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 #DBFDFF 0% et #8CC2D5 100%.

0.0%	0.0% #DBFDFF	RVB 219 253 255	#DBFDFF
16.7%	16.7% #CCF4F8	RVB 204 244 248	#CCF4F8
33.3%	33.3% #BEEAF1	RVB 190 234 241	#BEEAF1
50.0%	50.0% #B1E1EA	RVB 177 225 234	#B1E1EA
66.7%	66.7% #A4D6E3	RVB 164 214 227	#A4D6E3
83.3%	83.3% #97CCDC	RVB 151 204 220	#97CCDC
100.0%	100.0% #8CC2D5	RVB 140 194 213	#8CC2D5

#DBFDFF #CCF4F8 #BEEAF1 #B1E1EA #A4D6E3 #97CCDC #8CC2D5

#DBFDFF - #B1E1EA - #8CC2D5

Codes CSS

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

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