#CBC3DF - #6B6B9E | 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 #CBC3DF to #6B6B9E

#CBC3DF #6B6B9E

Calculate the color between two colors, #CBC3DF and #6B6B9E. 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)

#CBC3DF - #6B6B9E | 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 #CBC3DF as 0% and #6B6B9E as 100%.

0.0%	0.0% #CBC3DF	RGB 203 195 223	#CBC3DF
16.7%	16.7% #BBB4D4	RGB 187 180 212	#BBB4D4
33.3%	33.3% #ABA5C9	RGB 171 165 201	#ABA5C9
50.0%	50.0% #9B97BE	RGB 155 151 190	#9B97BE
66.7%	66.7% #8B88B3	RGB 139 136 179	#8B88B3
83.3%	83.3% #7B79A8	RGB 123 121 168	#7B79A8
100.0%	100.0% #6B6B9E	RGB 107 107 158	#6B6B9E

#CBC3DF #BBB4D4 #ABA5C9 #9B97BE #8B88B3 #7B79A8 #6B6B9E

#CBC3DF - #6B6B9E

HSV Blend

#CBC3DF - #6B6B9E | 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 #CBC3DF as 0% and #6B6B9E as 100%.

0.0%	0.0% #CBC3DF	RGB 203 195 223	#CBC3DF
16.7%	16.7% #BAB2D4	RGB 186 178 212	#BAB2D4
33.3%	33.3% #AAA2C9	RGB 170 162 201	#AAA2C9
50.0%	50.0% #9993BE	RGB 153 147 190	#9993BE
66.7%	66.7% #8985B3	RGB 137 133 179	#8985B3
83.3%	83.3% #7A77A8	RGB 122 119 168	#7A77A8
100.0%	100.0% #6B6B9E	RGB 107 107 158	#6B6B9E

#CBC3DF #BAB2D4 #AAA2C9 #9993BE #8985B3 #7A77A8 #6B6B9E

#CBC3DF - #9993BE - #6B6B9E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBC3DF 0%, #9993BE 50%, #6B6B9E 100%);
    background: -webkit-linear-gradient(top, #CBC3DF 0%, #9993BE 50%, #6B6B9E 100%);
    background: linear-gradient(to bottom, #CBC3DF 0%, #9993BE 50%, #6B6B9E 100%);
}
</style>