#CBAEC2 - #D3E4D9 | 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 #CBAEC2 à #D3E4D9

#CBAEC2 #D3E4D9

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

#CBAEC2 - #D3E4D9 | 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 #CBAEC2 0% et #D3E4D9 100%.

0.0%	0.0% #CBAEC2	RVB 203 174 194	#CBAEC2
16.7%	16.7% #CCB7C5	RVB 204 183 197	#CCB7C5
33.3%	33.3% #CDC0C9	RVB 205 192 201	#CDC0C9
50.0%	50.0% #CFC9CD	RVB 207 201 205	#CFC9CD
66.7%	66.7% #D0D2D1	RVB 208 210 209	#D0D2D1
83.3%	83.3% #D1DBD5	RVB 209 219 213	#D1DBD5
100.0%	100.0% #D3E4D9	RVB 211 228 217	#D3E4D9

#CBAEC2 #CCB7C5 #CDC0C9 #CFC9CD #D0D2D1 #D1DBD5 #D3E4D9

#CBAEC2 - #D3E4D9

Mélange HSV

#CBAEC2 - #D3E4D9 | 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 #CBAEC2 0% et #D3E4D9 100%.

0.0%	0.0% #CBAEC2	RVB 203 174 194	#CBAEC2
16.7%	16.7% #CAB3CF	RVB 202 179 207	#CAB3CF
33.3%	33.3% #C2B9D3	RVB 194 185 211	#C2B9D3
50.0%	50.0% #C0C4D7	RVB 192 196 215	#C0C4D7
66.7%	66.7% #C6D4DB	RVB 198 212 219	#C6D4DB
83.3%	83.3% #CCDFDC	RVB 204 223 220	#CCDFDC
100.0%	100.0% #D3E4D9	RVB 211 228 217	#D3E4D9

#CBAEC2 #CAB3CF #C2B9D3 #C0C4D7 #C6D4DB #CCDFDC #D3E4D9

#CBAEC2 - #C0C4D7 - #D3E4D9

Codes CSS

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

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