#81D5E8 - #ECE4DC | 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 #81D5E8 à #ECE4DC

#81D5E8 #ECE4DC

Calculez la couleur entre deux couleurs, #81D5E8 et #ECE4DC. 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)

#81D5E8 - #ECE4DC | 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 #81D5E8 0% et #ECE4DC 100%.

0.0%	0.0% #81D5E8	RVB 129 213 232	#81D5E8
16.7%	16.7% #92D7E6	RVB 146 215 230	#92D7E6
33.3%	33.3% #A4DAE4	RVB 164 218 228	#A4DAE4
50.0%	50.0% #B6DCE2	RVB 182 220 226	#B6DCE2
66.7%	66.7% #C8DFE0	RVB 200 223 224	#C8DFE0
83.3%	83.3% #DAE1DE	RVB 218 225 222	#DAE1DE
100.0%	100.0% #ECE4DC	RVB 236 228 220	#ECE4DC

#81D5E8 #92D7E6 #A4DAE4 #B6DCE2 #C8DFE0 #DAE1DE #ECE4DC

#81D5E8 - #ECE4DC

Mélange HSV

#81D5E8 - #ECE4DC | 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 #81D5E8 0% et #ECE4DC 100%.

0.0%	0.0% #81D5E8	RVB 129 213 232	#81D5E8
16.7%	16.7% #8FE8D1	RVB 143 232 209	#8FE8D1
33.3%	33.3% #9EE9B4	RVB 158 233 180	#9EE9B4
50.0%	50.0% #B7EAAE	RVB 183 234 174	#B7EAAE
66.7%	66.7% #D8EABD	RVB 216 234 189	#D8EABD
83.3%	83.3% #EBE9CC	RVB 235 233 204	#EBE9CC
100.0%	100.0% #ECE4DC	RVB 236 228 220	#ECE4DC

#81D5E8 #8FE8D1 #9EE9B4 #B7EAAE #D8EABD #EBE9CC #ECE4DC

#81D5E8 - #B7EAAE - #ECE4DC

Codes CSS

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

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