#B9ADE4 - #C6E5E0 | 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 #B9ADE4 to #C6E5E0

#B9ADE4 #C6E5E0

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

#B9ADE4 - #C6E5E0 | 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 #B9ADE4 as 0% and #C6E5E0 as 100%.

0.0%	0.0% #B9ADE4	RGB 185 173 228	#B9ADE4
16.7%	16.7% #BBB6E3	RGB 187 182 227	#BBB6E3
33.3%	33.3% #BDBFE2	RGB 189 191 226	#BDBFE2
50.0%	50.0% #BFC9E2	RGB 191 201 226	#BFC9E2
66.7%	66.7% #C1D2E1	RGB 193 210 225	#C1D2E1
83.3%	83.3% #C3DBE0	RGB 195 219 224	#C3DBE0
100.0%	100.0% #C6E5E0	RGB 198 229 224	#C6E5E0

#B9ADE4 #BBB6E3 #BDBFE2 #BFC9E2 #C1D2E1 #C3DBE0 #C6E5E0

#B9ADE4 - #C6E5E0

HSV Blend

#B9ADE4 - #C6E5E0 | 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 #B9ADE4 as 0% and #C6E5E0 as 100%.

0.0%	0.0% #B9ADE4	RGB 185 173 228	#B9ADE4
16.7%	16.7% #B1B1E4	RGB 177 177 228	#B1B1E4
33.3%	33.3% #B5C0E4	RGB 181 192 228	#B5C0E4
50.0%	50.0% #B9CDE4	RGB 185 205 228	#B9CDE4
66.7%	66.7% #BDD9E4	RGB 189 217 228	#BDD9E4
83.3%	83.3% #C1E2E4	RGB 193 226 228	#C1E2E4
100.0%	100.0% #C6E5E0	RGB 198 229 224	#C6E5E0

#B9ADE4 #B1B1E4 #B5C0E4 #B9CDE4 #BDD9E4 #C1E2E4 #C6E5E0

#B9ADE4 - #B9CDE4 - #C6E5E0

CSS codes

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

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