#210924 - #C0B8C0 | 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 #210924 to #C0B8C0

#210924 #C0B8C0

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

#210924 - #C0B8C0 | 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 #210924 as 0% and #C0B8C0 as 100%.

0.0%	0.0% #210924	RGB 33 9 36	#210924
16.7%	16.7% #3B263E	RGB 59 38 62	#3B263E
33.3%	33.3% #564358	RGB 86 67 88	#564358
50.0%	50.0% #706072	RGB 112 96 114	#706072
66.7%	66.7% #8B7D8C	RGB 139 125 140	#8B7D8C
83.3%	83.3% #A59AA6	RGB 165 154 166	#A59AA6
100.0%	100.0% #C0B8C0	RGB 192 184 192	#C0B8C0

#210924 #3B263E #564358 #706072 #8B7D8C #A59AA6 #C0B8C0

#210924 - #C0B8C0

HSV Blend

#210924 - #C0B8C0 | 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 #210924 as 0% and #C0B8C0 as 100%.

0.0%	0.0% #210924	RGB 33 9 36	#210924
16.7%	16.7% #3A163E	RGB 58 22 62	#3A163E
33.3%	33.3% #542A58	RGB 84 42 88	#542A58
50.0%	50.0% #6F4472	RGB 111 68 114	#6F4472
66.7%	66.7% #8A658C	RGB 138 101 140	#8A658C
83.3%	83.3% #A58BA6	RGB 165 139 166	#A58BA6
100.0%	100.0% #C0B8C0	RGB 192 184 192	#C0B8C0

#210924 #3A163E #542A58 #6F4472 #8A658C #A58BA6 #C0B8C0

#210924 - #6F4472 - #C0B8C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #210924 0%, #6F4472 50%, #C0B8C0 100%);
    background: -webkit-linear-gradient(top, #210924 0%, #6F4472 50%, #C0B8C0 100%);
    background: linear-gradient(to bottom, #210924 0%, #6F4472 50%, #C0B8C0 100%);
}
</style>