#C0BABC - #363535 | 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 #C0BABC to #363535

#C0BABC #363535

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

#C0BABC - #363535 | 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 #C0BABC as 0% and #363535 as 100%.

0.0%	0.0% #C0BABC	RGB 192 186 188	#C0BABC
16.7%	16.7% #A9A3A5	RGB 169 163 165	#A9A3A5
33.3%	33.3% #928D8F	RGB 146 141 143	#928D8F
50.0%	50.0% #7B7778	RGB 123 119 120	#7B7778
66.7%	66.7% #646162	RGB 100 97 98	#646162
83.3%	83.3% #4D4B4B	RGB 77 75 75	#4D4B4B
100.0%	100.0% #363535	RGB 54 53 53	#363535

#C0BABC #A9A3A5 #928D8F #7B7778 #646162 #4D4B4B #363535

#C0BABC - #363535

HSV Blend

#C0BABC - #363535 | 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 #C0BABC as 0% and #363535 as 100%.

0.0%	0.0% #C0BABC	RGB 192 186 188	#C0BABC
16.7%	16.7% #A9A4A5	RGB 169 164 165	#A9A4A5
33.3%	33.3% #928E8E	RGB 146 142 142	#928E8E
50.0%	50.0% #7B7778	RGB 123 119 120	#7B7778
66.7%	66.7% #646161	RGB 100 97 97	#646161
83.3%	83.3% #4D4B4B	RGB 77 75 75	#4D4B4B
100.0%	100.0% #363535	RGB 54 53 53	#363535

#C0BABC #A9A4A5 #928E8E #7B7778 #646161 #4D4B4B #363535

#C0BABC - #7B7778 - #363535

CSS codes

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

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