#CFCBDC - #877BAB | 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 #CFCBDC to #877BAB

#CFCBDC #877BAB

Calculate the color between two colors, #CFCBDC and #877BAB. 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)

#CFCBDC - #877BAB | 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 #CFCBDC as 0% and #877BAB as 100%.

0.0%	0.0% #CFCBDC	RGB 207 203 220	#CFCBDC
16.7%	16.7% #C3BDD3	RGB 195 189 211	#C3BDD3
33.3%	33.3% #B7B0CB	RGB 183 176 203	#B7B0CB
50.0%	50.0% #ABA3C3	RGB 171 163 195	#ABA3C3
66.7%	66.7% #9F95BB	RGB 159 149 187	#9F95BB
83.3%	83.3% #9388B3	RGB 147 136 179	#9388B3
100.0%	100.0% #877BAB	RGB 135 123 171	#877BAB

#CFCBDC #C3BDD3 #B7B0CB #ABA3C3 #9F95BB #9388B3 #877BAB

#CFCBDC - #877BAB

HSV Blend

#CFCBDC - #877BAB | 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 #CFCBDC as 0% and #877BAB as 100%.

0.0%	0.0% #CFCBDC	RGB 207 203 220	#CFCBDC
16.7%	16.7% #C1BCD3	RGB 193 188 211	#C1BCD3
33.3%	33.3% #B5AECB	RGB 181 174 203	#B5AECB
50.0%	50.0% #A8A0C3	RGB 168 160 195	#A8A0C3
66.7%	66.7% #9D93BB	RGB 157 147 187	#9D93BB
83.3%	83.3% #9186B3	RGB 145 134 179	#9186B3
100.0%	100.0% #877BAB	RGB 135 123 171	#877BAB

#CFCBDC #C1BCD3 #B5AECB #A8A0C3 #9D93BB #9186B3 #877BAB

#CFCBDC - #A8A0C3 - #877BAB

CSS codes

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

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