#67A6AF - #D3E5E8 | 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 #67A6AF à #D3E5E8

#67A6AF #D3E5E8

Calculez la couleur entre deux couleurs, #67A6AF et #D3E5E8. 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)

#67A6AF - #D3E5E8 | 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 #67A6AF 0% et #D3E5E8 100%.

0.0%	0.0% #67A6AF	RVB 103 166 175	#67A6AF
16.7%	16.7% #79B0B8	RVB 121 176 184	#79B0B8
33.3%	33.3% #8BBBC2	RVB 139 187 194	#8BBBC2
50.0%	50.0% #9DC5CB	RVB 157 197 203	#9DC5CB
66.7%	66.7% #AFD0D5	RVB 175 208 213	#AFD0D5
83.3%	83.3% #C1DADE	RVB 193 218 222	#C1DADE
100.0%	100.0% #D3E5E8	RVB 211 229 232	#D3E5E8

#67A6AF #79B0B8 #8BBBC2 #9DC5CB #AFD0D5 #C1DADE #D3E5E8

#67A6AF - #D3E5E8

Mélange HSV

#67A6AF - #D3E5E8 | 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 #67A6AF 0% et #D3E5E8 100%.

0.0%	0.0% #67A6AF	RVB 103 166 175	#67A6AF
16.7%	16.7% #76B0B8	RVB 118 176 184	#76B0B8
33.3%	33.3% #86BAC2	RVB 134 186 194	#86BAC2
50.0%	50.0% #98C4CB	RVB 152 196 203	#98C4CB
66.7%	66.7% #AACFD5	RVB 170 207 213	#AACFD5
83.3%	83.3% #BEDADE	RVB 190 218 222	#BEDADE
100.0%	100.0% #D3E5E8	RVB 211 229 232	#D3E5E8

#67A6AF #76B0B8 #86BAC2 #98C4CB #AACFD5 #BEDADE #D3E5E8

#67A6AF - #98C4CB - #D3E5E8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67A6AF 0%, #98C4CB 50%, #D3E5E8 100%);
    background: -webkit-linear-gradient(top, #67A6AF 0%, #98C4CB 50%, #D3E5E8 100%);
    background: linear-gradient(to bottom, #67A6AF 0%, #98C4CB 50%, #D3E5E8 100%);
}
</style>