#C0BBCD - #775F88 | 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 #C0BBCD to #775F88

#C0BBCD #775F88

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

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

0.0%	0.0% #C0BBCD	RGB 192 187 205	#C0BBCD
16.7%	16.7% #B3ABC1	RGB 179 171 193	#B3ABC1
33.3%	33.3% #A79CB6	RGB 167 156 182	#A79CB6
50.0%	50.0% #9B8DAA	RGB 155 141 170	#9B8DAA
66.7%	66.7% #8F7D9F	RGB 143 125 159	#8F7D9F
83.3%	83.3% #836E93	RGB 131 110 147	#836E93
100.0%	100.0% #775F88	RGB 119 95 136	#775F88

#C0BBCD #B3ABC1 #A79CB6 #9B8DAA #8F7D9F #836E93 #775F88

#C0BBCD - #775F88

HSV Blend

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

0.0%	0.0% #C0BBCD	RGB 192 187 205	#C0BBCD
16.7%	16.7% #B1A9C1	RGB 177 169 193	#B1A9C1
33.3%	33.3% #A499B6	RGB 164 153 182	#A499B6
50.0%	50.0% #9789AA	RGB 151 137 170	#9789AA
66.7%	66.7% #8C7A9F	RGB 140 122 159	#8C7A9F
83.3%	83.3% #816C93	RGB 129 108 147	#816C93
100.0%	100.0% #775F88	RGB 119 95 136	#775F88

#C0BBCD #B1A9C1 #A499B6 #9789AA #8C7A9F #816C93 #775F88

#C0BBCD - #9789AA - #775F88

CSS codes

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

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