#B2D6A8 - #C6FFCF | 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 #B2D6A8 to #C6FFCF

#B2D6A8 #C6FFCF

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

#B2D6A8 - #C6FFCF | 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 #B2D6A8 as 0% and #C6FFCF as 100%.

0.0%	0.0% #B2D6A8	RGB 178 214 168	#B2D6A8
16.7%	16.7% #B5DCAE	RGB 181 220 174	#B5DCAE
33.3%	33.3% #B8E3B5	RGB 184 227 181	#B8E3B5
50.0%	50.0% #BCEABB	RGB 188 234 187	#BCEABB
66.7%	66.7% #BFF1C2	RGB 191 241 194	#BFF1C2
83.3%	83.3% #C2F8C8	RGB 194 248 200	#C2F8C8
100.0%	100.0% #C6FFCF	RGB 198 255 207	#C6FFCF

#B2D6A8 #B5DCAE #B8E3B5 #BCEABB #BFF1C2 #C2F8C8 #C6FFCF

#B2D6A8 - #C6FFCF

HSV Blend

#B2D6A8 - #C6FFCF | 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 #B2D6A8 as 0% and #C6FFCF as 100%.

0.0%	0.0% #B2D6A8	RGB 178 214 168	#B2D6A8
16.7%	16.7% #B4DCAD	RGB 180 220 173	#B4DCAD
33.3%	33.3% #B6E3B2	RGB 182 227 178	#B6E3B2
50.0%	50.0% #B8EAB7	RGB 184 234 183	#B8EAB7
66.7%	66.7% #BCF1BD	RGB 188 241 189	#BCF1BD
83.3%	83.3% #C1F8C6	RGB 193 248 198	#C1F8C6
100.0%	100.0% #C6FFCF	RGB 198 255 207	#C6FFCF

#B2D6A8 #B4DCAD #B6E3B2 #B8EAB7 #BCF1BD #C1F8C6 #C6FFCF

#B2D6A8 - #B8EAB7 - #C6FFCF

CSS codes

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

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