#B6AFB5 - #CCBADF | 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 #B6AFB5 to #CCBADF

#B6AFB5 #CCBADF

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

#B6AFB5 - #CCBADF | 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 #B6AFB5 as 0% and #CCBADF as 100%.

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #B9B0BC	RGB 185 176 188	#B9B0BC
33.3%	33.3% #BDB2C3	RGB 189 178 195	#BDB2C3
50.0%	50.0% #C1B4CA	RGB 193 180 202	#C1B4CA
66.7%	66.7% #C4B6D1	RGB 196 182 209	#C4B6D1
83.3%	83.3% #C8B8D8	RGB 200 184 216	#C8B8D8
100.0%	100.0% #CCBADF	RGB 204 186 223	#CCBADF

#B6AFB5 #B9B0BC #BDB2C3 #C1B4CA #C4B6D1 #C8B8D8 #CCBADF

#B6AFB5 - #CCBADF

HSV Blend

#B6AFB5 - #CCBADF | 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 #B6AFB5 as 0% and #CCBADF as 100%.

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #BCB1BC	RGB 188 177 188	#BCB1BC
33.3%	33.3% #C2B3C3	RGB 194 179 195	#C2B3C3
50.0%	50.0% #C6B5CA	RGB 198 181 202	#C6B5CA
66.7%	66.7% #C9B7D1	RGB 201 183 209	#C9B7D1
83.3%	83.3% #CBB8D8	RGB 203 184 216	#CBB8D8
100.0%	100.0% #CCBADF	RGB 204 186 223	#CCBADF

#B6AFB5 #BCB1BC #C2B3C3 #C6B5CA #C9B7D1 #CBB8D8 #CCBADF

#B6AFB5 - #C6B5CA - #CCBADF

CSS codes

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

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