#CCBBCB - #A65C82 | 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 #CCBBCB to #A65C82

#CCBBCB #A65C82

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

#CCBBCB - #A65C82 | 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 #CCBBCB as 0% and #A65C82 as 100%.

0.0%	0.0% #CCBBCB	RGB 204 187 203	#CCBBCB
16.7%	16.7% #C5ABBE	RGB 197 171 190	#C5ABBE
33.3%	33.3% #BF9BB2	RGB 191 155 178	#BF9BB2
50.0%	50.0% #B98BA6	RGB 185 139 166	#B98BA6
66.7%	66.7% #B27B9A	RGB 178 123 154	#B27B9A
83.3%	83.3% #AC6B8E	RGB 172 107 142	#AC6B8E
100.0%	100.0% #A65C82	RGB 166 92 130	#A65C82

#CCBBCB #C5ABBE #BF9BB2 #B98BA6 #B27B9A #AC6B8E #A65C82

#CCBBCB - #A65C82

HSV Blend

#CCBBCB - #A65C82 | 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 #CCBBCB as 0% and #A65C82 as 100%.

0.0%	0.0% #CCBBCB	RGB 204 187 203	#CCBBCB
16.7%	16.7% #C5A9C1	RGB 197 169 193	#C5A9C1
33.3%	33.3% #BF98B7	RGB 191 152 183	#BF98B7
50.0%	50.0% #B988AB	RGB 185 136 171	#B988AB
66.7%	66.7% #B2789E	RGB 178 120 158	#B2789E
83.3%	83.3% #AC6990	RGB 172 105 144	#AC6990
100.0%	100.0% #A65C82	RGB 166 92 130	#A65C82

#CCBBCB #C5A9C1 #BF98B7 #B988AB #B2789E #AC6990 #A65C82

#CCBBCB - #B988AB - #A65C82

CSS codes

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

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