#BBCFC6 - #CFE4C4 | 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 #BBCFC6 to #CFE4C4

#BBCFC6 #CFE4C4

Calculate the color between two colors, #BBCFC6 and #CFE4C4. 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)

#BBCFC6 - #CFE4C4 | 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 #BBCFC6 as 0% and #CFE4C4 as 100%.

0.0%	0.0% #BBCFC6	RGB 187 207 198	#BBCFC6
16.7%	16.7% #BED2C5	RGB 190 210 197	#BED2C5
33.3%	33.3% #C1D6C5	RGB 193 214 197	#C1D6C5
50.0%	50.0% #C5D9C5	RGB 197 217 197	#C5D9C5
66.7%	66.7% #C8DDC4	RGB 200 221 196	#C8DDC4
83.3%	83.3% #CBE0C4	RGB 203 224 196	#CBE0C4
100.0%	100.0% #CFE4C4	RGB 207 228 196	#CFE4C4

#BBCFC6 #BED2C5 #C1D6C5 #C5D9C5 #C8DDC4 #CBE0C4 #CFE4C4

#BBCFC6 - #CFE4C4

HSV Blend

#BBCFC6 - #CFE4C4 | 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 #BBCFC6 as 0% and #CFE4C4 as 100%.

0.0%	0.0% #BBCFC6	RGB 187 207 198	#BBCFC6
16.7%	16.7% #BCD2C5	RGB 188 210 197	#BCD2C5
33.3%	33.3% #BED6C4	RGB 190 214 196	#BED6C4
50.0%	50.0% #BFD9C2	RGB 191 217 194	#BFD9C2
66.7%	66.7% #C2DDC1	RGB 194 221 193	#C2DDC1
83.3%	83.3% #C8E0C2	RGB 200 224 194	#C8E0C2
100.0%	100.0% #CFE4C4	RGB 207 228 196	#CFE4C4

#BBCFC6 #BCD2C5 #BED6C4 #BFD9C2 #C2DDC1 #C8E0C2 #CFE4C4

#BBCFC6 - #BFD9C2 - #CFE4C4

CSS codes

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

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