#B6D2EE - #CFE4D3 | 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 #B6D2EE to #CFE4D3

#B6D2EE #CFE4D3

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

#B6D2EE - #CFE4D3 | 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 #B6D2EE as 0% and #CFE4D3 as 100%.

0.0%	0.0% #B6D2EE	RGB 182 210 238	#B6D2EE
16.7%	16.7% #BAD5E9	RGB 186 213 233	#BAD5E9
33.3%	33.3% #BED8E5	RGB 190 216 229	#BED8E5
50.0%	50.0% #C2DBE0	RGB 194 219 224	#C2DBE0
66.7%	66.7% #C6DEDC	RGB 198 222 220	#C6DEDC
83.3%	83.3% #CAE1D7	RGB 202 225 215	#CAE1D7
100.0%	100.0% #CFE4D3	RGB 207 228 211	#CFE4D3

#B6D2EE #BAD5E9 #BED8E5 #C2DBE0 #C6DEDC #CAE1D7 #CFE4D3

#B6D2EE - #CFE4D3

HSV Blend

#B6D2EE - #CFE4D3 | 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 #B6D2EE as 0% and #CFE4D3 as 100%.

0.0%	0.0% #B6D2EE	RGB 182 210 238	#B6D2EE
16.7%	16.7% #BADEEC	RGB 186 222 236	#BADEEC
33.3%	33.3% #BEE7EA	RGB 190 231 234	#BEE7EA
50.0%	50.0% #C2E9E3	RGB 194 233 227	#C2E9E3
66.7%	66.7% #C6E7DB	RGB 198 231 219	#C6E7DB
83.3%	83.3% #CBE5D5	RGB 203 229 213	#CBE5D5
100.0%	100.0% #CFE4D3	RGB 207 228 211	#CFE4D3

#B6D2EE #BADEEC #BEE7EA #C2E9E3 #C6E7DB #CBE5D5 #CFE4D3

#B6D2EE - #C2E9E3 - #CFE4D3

CSS codes

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

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