#C5BBCD - #835F88 | 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 #C5BBCD to #835F88

#C5BBCD #835F88

Calculate the color between two colors, #C5BBCD and #835F88. 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)

#C5BBCD - #835F88 | 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 #C5BBCD as 0% and #835F88 as 100%.

0.0%	0.0% #C5BBCD	RGB 197 187 205	#C5BBCD
16.7%	16.7% #BAABC1	RGB 186 171 193	#BAABC1
33.3%	33.3% #AF9CB6	RGB 175 156 182	#AF9CB6
50.0%	50.0% #A48DAA	RGB 164 141 170	#A48DAA
66.7%	66.7% #997D9F	RGB 153 125 159	#997D9F
83.3%	83.3% #8E6E93	RGB 142 110 147	#8E6E93
100.0%	100.0% #835F88	RGB 131 95 136	#835F88

#C5BBCD #BAABC1 #AF9CB6 #A48DAA #997D9F #8E6E93 #835F88

#C5BBCD - #835F88

HSV Blend

#C5BBCD - #835F88 | 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 #C5BBCD as 0% and #835F88 as 100%.

0.0%	0.0% #C5BBCD	RGB 197 187 205	#C5BBCD
16.7%	16.7% #B8A9C1	RGB 184 169 193	#B8A9C1
33.3%	33.3% #AC99B6	RGB 172 153 182	#AC99B6
50.0%	50.0% #A189AA	RGB 161 137 170	#A189AA
66.7%	66.7% #967A9F	RGB 150 122 159	#967A9F
83.3%	83.3% #8C6C93	RGB 140 108 147	#8C6C93
100.0%	100.0% #835F88	RGB 131 95 136	#835F88

#C5BBCD #B8A9C1 #AC99B6 #A189AA #967A9F #8C6C93 #835F88

#C5BBCD - #A189AA - #835F88

CSS codes

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

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