#CBC8DF - #8275AF | 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 #CBC8DF to #8275AF

#CBC8DF #8275AF

Calculate the color between two colors, #CBC8DF and #8275AF. 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)

#CBC8DF - #8275AF | 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 #CBC8DF as 0% and #8275AF as 100%.

0.0%	0.0% #CBC8DF	RGB 203 200 223	#CBC8DF
16.7%	16.7% #BEBAD7	RGB 190 186 215	#BEBAD7
33.3%	33.3% #B2ACCF	RGB 178 172 207	#B2ACCF
50.0%	50.0% #A69EC7	RGB 166 158 199	#A69EC7
66.7%	66.7% #9A90BF	RGB 154 144 191	#9A90BF
83.3%	83.3% #8E82B7	RGB 142 130 183	#8E82B7
100.0%	100.0% #8275AF	RGB 130 117 175	#8275AF

#CBC8DF #BEBAD7 #B2ACCF #A69EC7 #9A90BF #8E82B7 #8275AF

#CBC8DF - #8275AF

HSV Blend

#CBC8DF - #8275AF | 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 #CBC8DF as 0% and #8275AF as 100%.

0.0%	0.0% #CBC8DF	RGB 203 200 223	#CBC8DF
16.7%	16.7% #BDB8D7	RGB 189 184 215	#BDB8D7
33.3%	33.3% #AFA9CF	RGB 175 169 207	#AFA9CF
50.0%	50.0% #A39BC7	RGB 163 155 199	#A39BC7
66.7%	66.7% #978EBF	RGB 151 142 191	#978EBF
83.3%	83.3% #8C81B7	RGB 140 129 183	#8C81B7
100.0%	100.0% #8275AF	RGB 130 117 175	#8275AF

#CBC8DF #BDB8D7 #AFA9CF #A39BC7 #978EBF #8C81B7 #8275AF

#CBC8DF - #A39BC7 - #8275AF

CSS codes

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

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