#00A2FF - #CDFFCB | 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 #00A2FF à #CDFFCB

#00A2FF #CDFFCB

Calculez la couleur entre deux couleurs, #00A2FF et #CDFFCB. 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)

#00A2FF - #CDFFCB | 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 #00A2FF 0% et #CDFFCB 100%.

0.0%	0.0% #00A2FF	RVB 0 162 255	#00A2FF
16.7%	16.7% #22B1F6	RVB 34 177 246	#22B1F6
33.3%	33.3% #44C1ED	RVB 68 193 237	#44C1ED
50.0%	50.0% #66D0E5	RVB 102 208 229	#66D0E5
66.7%	66.7% #88E0DC	RVB 136 224 220	#88E0DC
83.3%	83.3% #AAEFD3	RVB 170 239 211	#AAEFD3
100.0%	100.0% #CDFFCB	RVB 205 255 203	#CDFFCB

#00A2FF #22B1F6 #44C1ED #66D0E5 #88E0DC #AAEFD3 #CDFFCB

#00A2FF - #CDFFCB

Mélange HSV

#00A2FF - #CDFFCB | 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 #00A2FF 0% et #CDFFCB 100%.

0.0%	0.0% #00A1FF	RVB 0 161 255	#00A1FF
16.7%	16.7% #21E2FF	RVB 33 226 255	#21E2FF
33.3%	33.3% #43FFEB	RVB 67 255 235	#43FFEB
50.0%	50.0% #65FFCB	RVB 101 255 203	#65FFCB
66.7%	66.7% #87FFBA	RVB 135 255 186	#87FFBA
83.3%	83.3% #A9FFB9	RVB 169 255 185	#A9FFB9
100.0%	100.0% #CDFFCB	RVB 205 255 203	#CDFFCB

#00A1FF #21E2FF #43FFEB #65FFCB #87FFBA #A9FFB9 #CDFFCB

#00A2FF - #65FFCB - #CDFFCB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A1FF 0%, #65FFCB 50%, #CDFFCB 100%);
    background: -webkit-linear-gradient(top, #00A1FF 0%, #65FFCB 50%, #CDFFCB 100%);
    background: linear-gradient(to bottom, #00A1FF 0%, #65FFCB 50%, #CDFFCB 100%);
}
</style>