#C28DB6 - #CBCFCB | 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 #C28DB6 to #CBCFCB

#C28DB6 #CBCFCB

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

#C28DB6 - #CBCFCB | 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 #C28DB6 as 0% and #CBCFCB as 100%.

0.0%	0.0% #C28DB6	RGB 194 141 182	#C28DB6
16.7%	16.7% #C398B9	RGB 195 152 185	#C398B9
33.3%	33.3% #C5A3BD	RGB 197 163 189	#C5A3BD
50.0%	50.0% #C6AEC0	RGB 198 174 192	#C6AEC0
66.7%	66.7% #C8B9C4	RGB 200 185 196	#C8B9C4
83.3%	83.3% #C9C4C7	RGB 201 196 199	#C9C4C7
100.0%	100.0% #CBCFCB	RGB 203 207 203	#CBCFCB

#C28DB6 #C398B9 #C5A3BD #C6AEC0 #C8B9C4 #C9C4C7 #CBCFCB

#C28DB6 - #CBCFCB

HSV Blend

#C28DB6 - #CBCFCB | 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 #C28DB6 as 0% and #CBCFCB as 100%.

0.0%	0.0% #C28DB6	RGB 194 141 182	#C28DB6
16.7%	16.7% #C496A4	RGB 196 150 164	#C496A4
33.3%	33.3% #C6A6A0	RGB 198 166 160	#C6A6A0
50.0%	50.0% #C8BDAB	RGB 200 189 171	#C8BDAB
66.7%	66.7% #C9CAB5	RGB 201 202 181	#C9CAB5
83.3%	83.3% #C6CCC0	RGB 198 204 192	#C6CCC0
100.0%	100.0% #CBCFCB	RGB 203 207 203	#CBCFCB

#C28DB6 #C496A4 #C6A6A0 #C8BDAB #C9CAB5 #C6CCC0 #CBCFCB

#C28DB6 - #C8BDAB - #CBCFCB

CSS codes

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

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