#B2D6B2 - #CED4FF | 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 #B2D6B2 to #CED4FF

#B2D6B2 #CED4FF

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

#B2D6B2 - #CED4FF | 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 #B2D6B2 as 0% and #CED4FF as 100%.

0.0%	0.0% #B2D6B2	RGB 178 214 178	#B2D6B2
16.7%	16.7% #B6D5BE	RGB 182 213 190	#B6D5BE
33.3%	33.3% #BBD5CB	RGB 187 213 203	#BBD5CB
50.0%	50.0% #C0D5D8	RGB 192 213 216	#C0D5D8
66.7%	66.7% #C4D4E5	RGB 196 212 229	#C4D4E5
83.3%	83.3% #C9D4F2	RGB 201 212 242	#C9D4F2
100.0%	100.0% #CED4FF	RGB 206 212 255	#CED4FF

#B2D6B2 #B6D5BE #BBD5CB #C0D5D8 #C4D4E5 #C9D4F2 #CED4FF

#B2D6B2 - #CED4FF

HSV Blend

#B2D6B2 - #CED4FF | 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 #B2D6B2 as 0% and #CED4FF as 100%.

0.0%	0.0% #B2D6B2	RGB 178 214 178	#B2D6B2
16.7%	16.7% #B6DCC2	RGB 182 220 194	#B6DCC2
33.3%	33.3% #BBE3D4	RGB 187 227 212	#BBE3D4
50.0%	50.0% #C0EAE7	RGB 192 234 231	#C0EAE7
66.7%	66.7% #C4E6F1	RGB 196 230 241	#C4E6F1
83.3%	83.3% #C9DDF8	RGB 201 221 248	#C9DDF8
100.0%	100.0% #CED4FF	RGB 206 212 255	#CED4FF

#B2D6B2 #B6DCC2 #BBE3D4 #C0EAE7 #C4E6F1 #C9DDF8 #CED4FF

#B2D6B2 - #C0EAE7 - #CED4FF

CSS codes

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

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