#CFEABE - #E5E3D3 | 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 #CFEABE à #E5E3D3

#CFEABE #E5E3D3

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

#CFEABE - #E5E3D3 | 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 #CFEABE 0% et #E5E3D3 100%.

0.0%	0.0% #CFEABE	RVB 207 234 190	#CFEABE
16.7%	16.7% #D2E8C1	RVB 210 232 193	#D2E8C1
33.3%	33.3% #D6E7C5	RVB 214 231 197	#D6E7C5
50.0%	50.0% #DAE6C8	RVB 218 230 200	#DAE6C8
66.7%	66.7% #DDE5CC	RVB 221 229 204	#DDE5CC
83.3%	83.3% #E1E4CF	RVB 225 228 207	#E1E4CF
100.0%	100.0% #E5E3D3	RVB 229 227 211	#E5E3D3

#CFEABE #D2E8C1 #D6E7C5 #DAE6C8 #DDE5CC #E1E4CF #E5E3D3

#CFEABE - #E5E3D3

Mélange HSV

#CFEABE - #E5E3D3 | 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 #CFEABE 0% et #E5E3D3 100%.

0.0%	0.0% #CFEABE	RVB 207 234 190	#CFEABE
16.7%	16.7% #D5E9C1	RVB 213 233 193	#D5E9C1
33.3%	33.3% #DBE8C5	RVB 219 232 197	#DBE8C5
50.0%	50.0% #DFE7C8	RVB 223 231 200	#DFE7C8
66.7%	66.7% #E3E6CC	RVB 227 230 204	#E3E6CC
83.3%	83.3% #E5E5CF	RVB 229 229 207	#E5E5CF
100.0%	100.0% #E5E3D3	RVB 229 227 211	#E5E3D3

#CFEABE #D5E9C1 #DBE8C5 #DFE7C8 #E3E6CC #E5E5CF #E5E3D3

#CFEABE - #DFE7C8 - #E5E3D3

Codes CSS

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

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