#C0B9C7 - #736180 | 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 #C0B9C7 to #736180

#C0B9C7 #736180

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

#C0B9C7 - #736180 | 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 #C0B9C7 as 0% and #736180 as 100%.

0.0%	0.0% #C0B9C7	RGB 192 185 199	#C0B9C7
16.7%	16.7% #B3AABB	RGB 179 170 187	#B3AABB
33.3%	33.3% #A69BAF	RGB 166 155 175	#A69BAF
50.0%	50.0% #998DA3	RGB 153 141 163	#998DA3
66.7%	66.7% #8C7E97	RGB 140 126 151	#8C7E97
83.3%	83.3% #7F6F8B	RGB 127 111 139	#7F6F8B
100.0%	100.0% #736180	RGB 115 97 128	#736180

#C0B9C7 #B3AABB #A69BAF #998DA3 #8C7E97 #7F6F8B #736180

#C0B9C7 - #736180

HSV Blend

#C0B9C7 - #736180 | 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 #C0B9C7 as 0% and #736180 as 100%.

0.0%	0.0% #C0B9C7	RGB 192 185 199	#C0B9C7
16.7%	16.7% #B2A8BB	RGB 178 168 187	#B2A8BB
33.3%	33.3% #A498AF	RGB 164 152 175	#A498AF
50.0%	50.0% #9789A3	RGB 151 137 163	#9789A3
66.7%	66.7% #8B7B97	RGB 139 123 151	#8B7B97
83.3%	83.3% #7E6D8B	RGB 126 109 139	#7E6D8B
100.0%	100.0% #736180	RGB 115 97 128	#736180

#C0B9C7 #B2A8BB #A498AF #9789A3 #8B7B97 #7E6D8B #736180

#C0B9C7 - #9789A3 - #736180

CSS codes

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

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