#C8C6DB - #83689B | 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 #C8C6DB to #83689B

#C8C6DB #83689B

Calculate the color between two colors, #C8C6DB and #83689B. 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)

#C8C6DB - #83689B | 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 #C8C6DB as 0% and #83689B as 100%.

0.0%	0.0% #C8C6DB	RGB 200 198 219	#C8C6DB
16.7%	16.7% #BCB6D0	RGB 188 182 208	#BCB6D0
33.3%	33.3% #B1A6C5	RGB 177 166 197	#B1A6C5
50.0%	50.0% #A597BB	RGB 165 151 187	#A597BB
66.7%	66.7% #9A87B0	RGB 154 135 176	#9A87B0
83.3%	83.3% #8E77A5	RGB 142 119 165	#8E77A5
100.0%	100.0% #83689B	RGB 131 104 155	#83689B

#C8C6DB #BCB6D0 #B1A6C5 #A597BB #9A87B0 #8E77A5 #83689B

#C8C6DB - #83689B

HSV Blend

#C8C6DB - #83689B | 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 #C8C6DB as 0% and #83689B as 100%.

0.0%	0.0% #C8C6DB	RGB 200 198 219	#C8C6DB
16.7%	16.7% #B8B4D0	RGB 184 180 208	#B8B4D0
33.3%	33.3% #ABA3C5	RGB 171 163 197	#ABA3C5
50.0%	50.0% #9F93BB	RGB 159 147 187	#9F93BB
66.7%	66.7% #9584B0	RGB 149 132 176	#9584B0
83.3%	83.3% #8B75A5	RGB 139 117 165	#8B75A5
100.0%	100.0% #83689B	RGB 131 104 155	#83689B

#C8C6DB #B8B4D0 #ABA3C5 #9F93BB #9584B0 #8B75A5 #83689B

#C8C6DB - #9F93BB - #83689B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C6DB 0%, #9F93BB 50%, #83689B 100%);
    background: -webkit-linear-gradient(top, #C8C6DB 0%, #9F93BB 50%, #83689B 100%);
    background: linear-gradient(to bottom, #C8C6DB 0%, #9F93BB 50%, #83689B 100%);
}
</style>