#DBE5D4 - #A8C085 | 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 #DBE5D4 à #A8C085

#DBE5D4 #A8C085

Calculez la couleur entre deux couleurs, #DBE5D4 et #A8C085. 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)

#DBE5D4 - #A8C085 | 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 #DBE5D4 0% et #A8C085 100%.

0.0%	0.0% #DBE5D4	RVB 219 229 212	#DBE5D4
16.7%	16.7% #D2DEC6	RVB 210 222 198	#D2DEC6
33.3%	33.3% #CAD8B9	RVB 202 216 185	#CAD8B9
50.0%	50.0% #C1D2AC	RVB 193 210 172	#C1D2AC
66.7%	66.7% #B9CC9F	RVB 185 204 159	#B9CC9F
83.3%	83.3% #B0C692	RVB 176 198 146	#B0C692
100.0%	100.0% #A8C085	RVB 168 192 133	#A8C085

#DBE5D4 #D2DEC6 #CAD8B9 #C1D2AC #B9CC9F #B0C692 #A8C085

#DBE5D4 - #A8C085

Mélange HSV

#DBE5D4 - #A8C085 | 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 #DBE5D4 0% et #A8C085 100%.

0.0%	0.0% #DBE5D4	RVB 219 229 212	#DBE5D4
16.7%	16.7% #D0DEC5	RVB 208 222 197	#D0DEC5
33.3%	33.3% #C7D8B7	RVB 199 216 183	#C7D8B7
50.0%	50.0% #BED2AA	RVB 190 210 170	#BED2AA
66.7%	66.7% #B6CC9D	RVB 182 204 157	#B6CC9D
83.3%	83.3% #AEC690	RVB 174 198 144	#AEC690
100.0%	100.0% #A8C085	RVB 168 192 133	#A8C085

#DBE5D4 #D0DEC5 #C7D8B7 #BED2AA #B6CC9D #AEC690 #A8C085

#DBE5D4 - #BED2AA - #A8C085

Codes CSS

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

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