#DAF2F2 - #3E4545 | 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 #DAF2F2 à #3E4545

#DAF2F2 #3E4545

Calculez la couleur entre deux couleurs, #DAF2F2 et #3E4545. 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)

#DAF2F2 - #3E4545 | 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 #DAF2F2 0% et #3E4545 100%.

0.0%	0.0% #DAF2F2	RVB 218 242 242	#DAF2F2
16.7%	16.7% #C0D5D5	RVB 192 213 213	#C0D5D5
33.3%	33.3% #A6B8B8	RVB 166 184 184	#A6B8B8
50.0%	50.0% #8C9B9B	RVB 140 155 155	#8C9B9B
66.7%	66.7% #727E7E	RVB 114 126 126	#727E7E
83.3%	83.3% #586161	RVB 88 97 97	#586161
100.0%	100.0% #3E4545	RVB 62 69 69	#3E4545

#DAF2F2 #C0D5D5 #A6B8B8 #8C9B9B #727E7E #586161 #3E4545

#DAF2F2 - #3E4545

Mélange HSV

#DAF2F2 - #3E4545 | 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 #DAF2F2 0% et #3E4545 100%.

0.0%	0.0% #DAF2F2	RVB 218 242 242	#DAF2F2
16.7%	16.7% #BFD5D5	RVB 191 213 213	#BFD5D5
33.3%	33.3% #A5B8B8	RVB 165 184 184	#A5B8B8
50.0%	50.0% #8B9B9B	RVB 139 155 155	#8B9B9B
66.7%	66.7% #717E7E	RVB 113 126 126	#717E7E
83.3%	83.3% #576161	RVB 87 97 97	#576161
100.0%	100.0% #3E4545	RVB 62 69 69	#3E4545

#DAF2F2 #BFD5D5 #A5B8B8 #8B9B9B #717E7E #576161 #3E4545

#DAF2F2 - #8B9B9B - #3E4545

Codes CSS

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

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