#CFBBCB - #A75D82 | 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 #CFBBCB to #A75D82

#CFBBCB #A75D82

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

#CFBBCB - #A75D82 | 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 #CFBBCB as 0% and #A75D82 as 100%.

0.0%	0.0% #CFBBCB	RGB 207 187 203	#CFBBCB
16.7%	16.7% #C8ABBE	RGB 200 171 190	#C8ABBE
33.3%	33.3% #C19BB2	RGB 193 155 178	#C19BB2
50.0%	50.0% #BB8CA6	RGB 187 140 166	#BB8CA6
66.7%	66.7% #B47C9A	RGB 180 124 154	#B47C9A
83.3%	83.3% #AD6C8E	RGB 173 108 142	#AD6C8E
100.0%	100.0% #A75D82	RGB 167 93 130	#A75D82

#CFBBCB #C8ABBE #C19BB2 #BB8CA6 #B47C9A #AD6C8E #A75D82

#CFBBCB - #A75D82

HSV Blend

#CFBBCB - #A75D82 | 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 #CFBBCB as 0% and #A75D82 as 100%.

0.0%	0.0% #CFBBCB	RGB 207 187 203	#CFBBCB
16.7%	16.7% #C8A9C0	RGB 200 169 192	#C8A9C0
33.3%	33.3% #C198B5	RGB 193 152 181	#C198B5
50.0%	50.0% #BB88A9	RGB 187 136 169	#BB88A9
66.7%	66.7% #B4799C	RGB 180 121 156	#B4799C
83.3%	83.3% #AD6A8F	RGB 173 106 143	#AD6A8F
100.0%	100.0% #A75D82	RGB 167 93 130	#A75D82

#CFBBCB #C8A9C0 #C198B5 #BB88A9 #B4799C #AD6A8F #A75D82

#CFBBCB - #BB88A9 - #A75D82

CSS codes

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

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