#CACECB - #E2FFFE | 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 #CACECB à #E2FFFE

#CACECB #E2FFFE

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

#CACECB - #E2FFFE | 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 #CACECB 0% et #E2FFFE 100%.

0.0%	0.0% #CACECB	RVB 202 206 203	#CACECB
16.7%	16.7% #CED6D3	RVB 206 214 211	#CED6D3
33.3%	33.3% #D2DEDC	RVB 210 222 220	#D2DEDC
50.0%	50.0% #D6E6E4	RVB 214 230 228	#D6E6E4
66.7%	66.7% #DAEEED	RVB 218 238 237	#DAEEED
83.3%	83.3% #DEF6F5	RVB 222 246 245	#DEF6F5
100.0%	100.0% #E2FFFE	RVB 226 255 254	#E2FFFE

#CACECB #CED6D3 #D2DEDC #D6E6E4 #DAEEED #DEF6F5 #E2FFFE

#CACECB - #E2FFFE

Mélange HSV

#CACECB - #E2FFFE | 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 #CACECB 0% et #E2FFFE 100%.

0.0%	0.0% #CACECB	RVB 202 206 203	#CACECB
16.7%	16.7% #CED6D1	RVB 206 214 209	#CED6D1
33.3%	33.3% #D3DED8	RVB 211 222 216	#D3DED8
50.0%	50.0% #D7E6E0	RVB 215 230 224	#D7E6E0
66.7%	66.7% #DBEEE9	RVB 219 238 233	#DBEEE9
83.3%	83.3% #DEF6F3	RVB 222 246 243	#DEF6F3
100.0%	100.0% #E2FFFE	RVB 226 255 254	#E2FFFE

#CACECB #CED6D1 #D3DED8 #D7E6E0 #DBEEE9 #DEF6F3 #E2FFFE

#CACECB - #D7E6E0 - #E2FFFE

Codes CSS

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

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