#C6B2DB - #C2D9E6 | 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 #C6B2DB to #C2D9E6

#C6B2DB #C2D9E6

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

#C6B2DB - #C2D9E6 | 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 #C6B2DB as 0% and #C2D9E6 as 100%.

0.0%	0.0% #C6B2DB	RGB 198 178 219	#C6B2DB
16.7%	16.7% #C5B8DC	RGB 197 184 220	#C5B8DC
33.3%	33.3% #C4BFDE	RGB 196 191 222	#C4BFDE
50.0%	50.0% #C4C5E0	RGB 196 197 224	#C4C5E0
66.7%	66.7% #C3CCE2	RGB 195 204 226	#C3CCE2
83.3%	83.3% #C2D2E4	RGB 194 210 228	#C2D2E4
100.0%	100.0% #C2D9E6	RGB 194 217 230	#C2D9E6

#C6B2DB #C5B8DC #C4BFDE #C4C5E0 #C3CCE2 #C2D2E4 #C2D9E6

#C6B2DB - #C2D9E6

HSV Blend

#C6B2DB - #C2D9E6 | 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 #C6B2DB as 0% and #C2D9E6 as 100%.

0.0%	0.0% #C6B2DB	RGB 198 178 219	#C6B2DB
16.7%	16.7% #C0B4DC	RGB 192 180 220	#C0B4DC
33.3%	33.3% #BBB7DE	RGB 187 183 222	#BBB7DE
50.0%	50.0% #B9BCE0	RGB 185 188 224	#B9BCE0
66.7%	66.7% #BCC6E2	RGB 188 198 226	#BCC6E2
83.3%	83.3% #BFCFE4	RGB 191 207 228	#BFCFE4
100.0%	100.0% #C2D9E6	RGB 194 217 230	#C2D9E6

#C6B2DB #C0B4DC #BBB7DE #B9BCE0 #BCC6E2 #BFCFE4 #C2D9E6

#C6B2DB - #B9BCE0 - #C2D9E6

CSS codes

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

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