#C2B8C9 - #736083 | 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 #C2B8C9 to #736083

#C2B8C9 #736083

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

#C2B8C9 - #736083 | 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 #C2B8C9 as 0% and #736083 as 100%.

0.0%	0.0% #C2B8C9	RGB 194 184 201	#C2B8C9
16.7%	16.7% #B4A9BD	RGB 180 169 189	#B4A9BD
33.3%	33.3% #A79AB1	RGB 167 154 177	#A79AB1
50.0%	50.0% #9A8CA6	RGB 154 140 166	#9A8CA6
66.7%	66.7% #8D7D9A	RGB 141 125 154	#8D7D9A
83.3%	83.3% #806E8E	RGB 128 110 142	#806E8E
100.0%	100.0% #736083	RGB 115 96 131	#736083

#C2B8C9 #B4A9BD #A79AB1 #9A8CA6 #8D7D9A #806E8E #736083

#C2B8C9 - #736083

HSV Blend

#C2B8C9 - #736083 | 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 #C2B8C9 as 0% and #736083 as 100%.

0.0%	0.0% #C2B8C9	RGB 194 184 201	#C2B8C9
16.7%	16.7% #B4A7BD	RGB 180 167 189	#B4A7BD
33.3%	33.3% #A697B1	RGB 166 151 177	#A697B1
50.0%	50.0% #9988A6	RGB 153 136 166	#9988A6
66.7%	66.7% #8C7A9A	RGB 140 122 154	#8C7A9A
83.3%	83.3% #7F6C8E	RGB 127 108 142	#7F6C8E
100.0%	100.0% #736083	RGB 115 96 131	#736083

#C2B8C9 #B4A7BD #A697B1 #9988A6 #8C7A9A #7F6C8E #736083

#C2B8C9 - #9988A6 - #736083

CSS codes

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

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