#838EB6 - #DBDEEA | 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 #838EB6 à #DBDEEA

#838EB6 #DBDEEA

Calculez la couleur entre deux couleurs, #838EB6 et #DBDEEA. 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)

#838EB6 - #DBDEEA | 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 #838EB6 0% et #DBDEEA 100%.

0.0%	0.0% #838EB6	RVB 131 142 182	#838EB6
16.7%	16.7% #919BBE	RVB 145 155 190	#919BBE
33.3%	33.3% #A0A8C7	RVB 160 168 199	#A0A8C7
50.0%	50.0% #AFB6D0	RVB 175 182 208	#AFB6D0
66.7%	66.7% #BDC3D8	RVB 189 195 216	#BDC3D8
83.3%	83.3% #CCD0E1	RVB 204 208 225	#CCD0E1
100.0%	100.0% #DBDEEA	RVB 219 222 234	#DBDEEA

#838EB6 #919BBE #A0A8C7 #AFB6D0 #BDC3D8 #CCD0E1 #DBDEEA

#838EB6 - #DBDEEA

Mélange HSV

#838EB6 - #DBDEEA | 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 #838EB6 0% et #DBDEEA 100%.

0.0%	0.0% #838EB6	RVB 131 142 182	#838EB6
16.7%	16.7% #909ABE	RVB 144 154 190	#909ABE
33.3%	33.3% #9DA6C7	RVB 157 166 199	#9DA6C7
50.0%	50.0% #ACB3D0	RVB 172 179 208	#ACB3D0
66.7%	66.7% #BBC1D8	RVB 187 193 216	#BBC1D8
83.3%	83.3% #CACFE1	RVB 202 207 225	#CACFE1
100.0%	100.0% #DBDEEA	RVB 219 222 234	#DBDEEA

#838EB6 #909ABE #9DA6C7 #ACB3D0 #BBC1D8 #CACFE1 #DBDEEA

#838EB6 - #ACB3D0 - #DBDEEA

Codes CSS

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

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