#CFCCD9 - #987BC4 | 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 #CFCCD9 to #987BC4

#CFCCD9 #987BC4

Calculate the color between two colors, #CFCCD9 and #987BC4. 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)

#CFCCD9 - #987BC4 | 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 #CFCCD9 as 0% and #987BC4 as 100%.

0.0%	0.0% #CFCCD9	RGB 207 204 217	#CFCCD9
16.7%	16.7% #C5BED5	RGB 197 190 213	#C5BED5
33.3%	33.3% #BCB1D2	RGB 188 177 210	#BCB1D2
50.0%	50.0% #B3A3CE	RGB 179 163 206	#B3A3CE
66.7%	66.7% #AA96CB	RGB 170 150 203	#AA96CB
83.3%	83.3% #A188C7	RGB 161 136 199	#A188C7
100.0%	100.0% #987BC4	RGB 152 123 196	#987BC4

#CFCCD9 #C5BED5 #BCB1D2 #B3A3CE #AA96CB #A188C7 #987BC4

#CFCCD9 - #987BC4

HSV Blend

#CFCCD9 - #987BC4 | 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 #CFCCD9 as 0% and #987BC4 as 100%.

0.0%	0.0% #CFCCD9	RGB 207 204 217	#CFCCD9
16.7%	16.7% #C3BDD5	RGB 195 189 213	#C3BDD5
33.3%	33.3% #B9AFD2	RGB 185 175 210	#B9AFD2
50.0%	50.0% #AFA1CE	RGB 175 161 206	#AFA1CE
66.7%	66.7% #A794CB	RGB 167 148 203	#A794CB
83.3%	83.3% #9F87C7	RGB 159 135 199	#9F87C7
100.0%	100.0% #987BC4	RGB 152 123 196	#987BC4

#CFCCD9 #C3BDD5 #B9AFD2 #AFA1CE #A794CB #9F87C7 #987BC4

#CFCCD9 - #AFA1CE - #987BC4

CSS codes

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

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