#C3C2BE - #BAFFE6 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C3C2BE to #BAFFE6

#C3C2BE #BAFFE6

Calculate the color between two colors, #C3C2BE and #BAFFE6. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C3C2BE - #BAFFE6 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C3C2BE as 0% and #BAFFE6 as 100%.

0.0%	0.0% #C3C2BE	RGB 195 194 190	#C3C2BE
16.7%	16.7% #C1CCC4	RGB 193 204 196	#C1CCC4
33.3%	33.3% #C0D6CB	RGB 192 214 203	#C0D6CB
50.0%	50.0% #BEE0D2	RGB 190 224 210	#BEE0D2
66.7%	66.7% #BDEAD8	RGB 189 234 216	#BDEAD8
83.3%	83.3% #BBF4DF	RGB 187 244 223	#BBF4DF
100.0%	100.0% #BAFFE6	RGB 186 255 230	#BAFFE6

#C3C2BE #C1CCC4 #C0D6CB #BEE0D2 #BDEAD8 #BBF4DF #BAFFE6

#C3C2BE - #BAFFE6

HSV Blend

#C3C2BE - #BAFFE6 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C3C2BE as 0% and #BAFFE6 as 100%.

0.0%	0.0% #C3C2BE	RGB 195 194 190	#C3C2BE
16.7%	16.7% #CBCDBF	RGB 203 205 191	#CBCDBF
33.3%	33.3% #CDD7BF	RGB 205 215 191	#CDD7BF
50.0%	50.0% #C9E1BF	RGB 201 225 191	#C9E1BF
66.7%	66.7% #BEEBBF	RGB 190 235 191	#BEEBBF
83.3%	83.3% #BCF5CF	RGB 188 245 207	#BCF5CF
100.0%	100.0% #BAFFE6	RGB 186 255 230	#BAFFE6

#C3C2BE #CBCDBF #CDD7BF #C9E1BF #BEEBBF #BCF5CF #BAFFE6

#C3C2BE - #C9E1BF - #BAFFE6

CSS codes

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

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