#C7B0C7 - #B9C2EF | 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 #C7B0C7 to #B9C2EF

#C7B0C7 #B9C2EF

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

#C7B0C7 - #B9C2EF | 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 #C7B0C7 as 0% and #B9C2EF as 100%.

0.0%	0.0% #C7B0C7	RGB 199 176 199	#C7B0C7
16.7%	16.7% #C4B3CD	RGB 196 179 205	#C4B3CD
33.3%	33.3% #C2B6D4	RGB 194 182 212	#C2B6D4
50.0%	50.0% #C0B9DB	RGB 192 185 219	#C0B9DB
66.7%	66.7% #BDBCE1	RGB 189 188 225	#BDBCE1
83.3%	83.3% #BBBFE8	RGB 187 191 232	#BBBFE8
100.0%	100.0% #B9C2EF	RGB 185 194 239	#B9C2EF

#C7B0C7 #C4B3CD #C2B6D4 #C0B9DB #BDBCE1 #BBBFE8 #B9C2EF

#C7B0C7 - #B9C2EF

HSV Blend

#C7B0C7 - #B9C2EF | 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 #C7B0C7 as 0% and #B9C2EF as 100%.

0.0%	0.0% #C7B0C7	RGB 199 176 199	#C7B0C7
16.7%	16.7% #C8B2CD	RGB 200 178 205	#C8B2CD
33.3%	33.3% #C7B3D4	RGB 199 179 212	#C7B3D4
50.0%	50.0% #C5B5DB	RGB 197 181 219	#C5B5DB
66.7%	66.7% #C0B6E1	RGB 192 182 225	#C0B6E1
83.3%	83.3% #B9B8E8	RGB 185 184 232	#B9B8E8
100.0%	100.0% #B9C2EF	RGB 185 194 239	#B9C2EF

#C7B0C7 #C8B2CD #C7B3D4 #C5B5DB #C0B6E1 #B9B8E8 #B9C2EF

#C7B0C7 - #C5B5DB - #B9C2EF

CSS codes

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

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