#CFCCD4 - #867691 | 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 #CFCCD4 to #867691

#CFCCD4 #867691

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

#CFCCD4 - #867691 | 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 #CFCCD4 as 0% and #867691 as 100%.

0.0%	0.0% #CFCCD4	RGB 207 204 212	#CFCCD4
16.7%	16.7% #C2BDC8	RGB 194 189 200	#C2BDC8
33.3%	33.3% #B6AFBD	RGB 182 175 189	#B6AFBD
50.0%	50.0% #AAA1B2	RGB 170 161 178	#AAA1B2
66.7%	66.7% #9E92A7	RGB 158 146 167	#9E92A7
83.3%	83.3% #92849C	RGB 146 132 156	#92849C
100.0%	100.0% #867691	RGB 134 118 145	#867691

#CFCCD4 #C2BDC8 #B6AFBD #AAA1B2 #9E92A7 #92849C #867691

#CFCCD4 - #867691

HSV Blend

#CFCCD4 - #867691 | 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 #CFCCD4 as 0% and #867691 as 100%.

0.0%	0.0% #CFCCD4	RGB 207 204 212	#CFCCD4
16.7%	16.7% #C1BCC8	RGB 193 188 200	#C1BCC8
33.3%	33.3% #B4ADBD	RGB 180 173 189	#B4ADBD
50.0%	50.0% #A89EB2	RGB 168 158 178	#A89EB2
66.7%	66.7% #9C90A7	RGB 156 144 167	#9C90A7
83.3%	83.3% #90829C	RGB 144 130 156	#90829C
100.0%	100.0% #867691	RGB 134 118 145	#867691

#CFCCD4 #C1BCC8 #B4ADBD #A89EB2 #9C90A7 #90829C #867691

#CFCCD4 - #A89EB2 - #867691

CSS codes

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

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